1.JavaScript程序
计算机程序是由计算机“执行”的一系列“指令”。在编程语言中,这些编程指令被称为语句。
JavaScript程序就是一系列的编程语句。在HTML中,JavaScript程序由web浏览器执行。
2.JavaScript语句
JavaScript语句由以下构成:值、运算符、表达式、关键词和注释。例告诉浏览器在id="demo"的HTML元素中输出 "Hello Kitty.":
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>在 HTML 中,JavaScript 语句由浏览器执行。</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello Kitty.";
</script>
</body>
</html>
大多数JavaScript程序都包含许多JavaScript语句。
这些语句会按照它们被编写的顺序逐一执行。
注释:JavaScript程序(以及 JavaScript 语句)常被称为JavaScript代码。
3.分号 ;
分号分隔JavaScript语句。在每条可执行的语句之后添加分号:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>一行允许多条语句。</p>
<p id="demo1"></p>
<script>
var a, b, c;
a = 5; b = 6; c = a + b;
document.getElementById("demo1").innerHTML = c;
</script>
</body>
</html>
如果有分号分隔,允许在同一行写多条语句:a = 5; b = 6; c = a + b;
以分号结束语句不是必需的,但强烈建议您这么做。
4.JavaScript空白字符
JavaScript会忽略多个空格。您可以向脚本添加空格,以增强可读性。下面这两行是相等的:var person = "Bill";var person="Bill";
在运算符旁边( = + - * / )添加空格是个好习惯:var x = y + z;
5.JavaScript行长度和折行
为了达到最佳的可读性,程序员们常常喜欢把代码行控制在80个字符以内。如果JavaScript语句太长,对其进行折行的最佳位置是某个运算符:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>
折行的最佳位置是运算符或逗号之后。
</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML =
"Hello Kitty.";
</script>
</body>
</html>
6.JavaScript代码块
JavaScript语句可以用花括号({...})组合在代码块中。代码块的作用是定义一同执行的语句。您会在JavaScript中看到成块组合在一起的语句:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript 语句</h2>
<p>JavaScript 代码块在 { 与 } 之间编写。</p>
<button type="button" onclick="myFunction()">点击我!</button>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
function myFunction() {
document.getElementById("demo1").innerHTML = "Hello Kitty.";
document.getElementById("demo2").innerHTML = "How are you?";
}
</script>
</body>
</html>
7.JavaScript关键词
JavaScript语句常常通过某个关键词来标识需要执行的JavaScript动作。具体内容见如下表格: