1. 写入HTML输出 document.write(" ")
2. 对事件做出反应 如: onClick="alert('str')"
3. 改变HTML内容
X=document.getElementById("id");
x.innerHTML="Hello javascript";
4. 改变HTML图像
5. 改变HTML样式
x=document.getElementById("id");
x.style.color="#ff0000";
6. HTML 中的脚本必须位于<script> 与 </script>标签之间。
脚本可被放置在HTML页面的<body> 和 <head>部分中。
7. 操作HTML元素
1) 如需从javascript访问某个HTML元素,您可以使用document.getElementById("id")方法。
请使用“id”属性来标识HTML元素。
2) 写到文档输出
doucment.write("conent");
警告:请使用document.write()仅仅向文档输出写内容。
如果在文档已完成加载后执行document.write(),整个HTML页面将被覆盖。
8. Javascript 语句
Javascript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么。
下面的javascript语句向id=”demo”的HTML元素输出文本”Hello World”:
分号 ;
分号用于分隔 JavaScript 语句。
通常我们在每条可执行的语句结尾添加分号。
使用分号的另一用处是在一行中编写多条语句。
提示:您也可能看到不带有分号的案例。
在 JavaScript 中,用分号来结束语句是可选的。
9. Javascript 代码
JavaScript 代码(或者只有 JavaScript)是JavaScript语句的序列。
浏览器会按照编写顺序来执行每条语句。
下面的例子将操作两个HTML元素:
10. JavaScript 代码块
JavaScript语句通过代码块的形式进行组合。
块由左花括号开始,由右花括号结束。
块的作用是使语句序列一起执行。
JavaScript函数是将语句组合在块中的典型例子。
下面的例子将运行可操作两个HTML元素的函数:
11. JavaScript对大小写敏感
JavaScript对大小写是敏感的。
12. 空格
JavaScript 会忽略多余的空格。您可以向脚本添加空格,来提高其可读性。
下面的两行代码是等效的:
13. 对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。下面例子是正确的:
但是,下面的折行是有问题的:
14. JavaScript 变量
变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age等)。
- 变量必须以字母开头
- 变量也能以 $ 和 _ 符号开头(不推荐)
- 变量名称对大小写敏感(y 和 Y 是不同的变量)
15. JavaScript数据类型
JavaScript 变量还能保存其他数据类型,比如文本值(name=”Bill Gates”)。
在JavaScript中,类似”Bill Gates”这样一条文本被称为字符串。
当您向变量分配文本值时,应该用双引号或单引号包围这个值。
当您向变量赋的值是数值时,不要使用引号。如果您用引号包围数值,该值会被作为文本来处理。
如下:
16. 声明(创建) JavaScript变量
在JavaScript中创建变量通常称为”声明”变量。
我们使用 var 关键词来声明变量:
变量声明之后,该变量是空的(它没有值)。
如需向变量赋值,请使用等号:
一条语句,多个变量
您可以在一条语句中声明很多变量。该语句以 var 开头,并使用逗号分隔变量即可:
Value = undefined
在计算机程序中,经常会声明无值的变量。未使用值来声明的变量,其值实际上是 undefined。
在执行过以下语句后,变量 carname 的值将是 undefined:var carname;
重新声明JavaScript变量
如果重新声明JavaScript变量,该变量的值不会丢失;
在以下两条语句执行后,变量carname的值依然是”Volvo”;
17. JavaScript拥有动态类型
JavaScript拥有动态类型。这意味着相同的变量可用作不同的类型:
18.JavaScript字符串
字符串是存储字符(比如”Bill Gates”)的变量。
字符串可以是引号中的任意文本,可以使用单引号或双引号:
您可以在字符串中使用引号,只要不匹配包围字符串的引号即可:
19. JavaScript数字
JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:
极大或极小的数字可以通过科学(指数)计数法来书写:
20. JavaScript布尔
布尔(逻辑)只能有两个值:true 或 false。