JavaScript 语句JavaScript 程序计算机程序是由计算机“执行”的一系列“指令”。在编程语言中，这些

JavaScript 程序

计算机程序是由计算机“执行”的一系列“指令”。

在编程语言中，这些编程指令被称为语句。

JavaScript 程序就是一系列的编程语句。

注释： 在 HTML 中，JavaScript 程序由 web 浏览器执行。

JavaScript 语句

JavaScript 语句由以下构成：

值、运算符、表达式、关键词和注释。

这条语句告诉浏览器在 id="demo" 的 HTML 元素中输出 "Hello Kitty."：

<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "Hello Kitty.";
</script>

</body>
</html>

分号 ;

分号分隔 JavaScript 语句。

请在每条可执行的语句之后添加分号：

a = 5;
b = 6;
c = a + b;

如果有分号分隔，允许在同一行写多条语句：a = 5; b = 6; c = a + b;

JavaScript 空白字符

JavaScript 会忽略多个空格。您可以向脚本添加空格，以增强可读性。

下面这两行是相等的：

var person = "Bill";
var person="Bill";

在运算符旁边（ = + - * / ）添加空格是个好习惯：

var x = y + z;

JavaScript 行长度和折行

为了达到最佳的可读性，程序员们常常喜欢把代码行控制在 80 个字符以内。

document.getElementById("demo").innerHTML =
 "Hello Kitty.";

JavaScript 代码块

JavaScript 语句可以用花括号（{...}）组合在代码块中。

代码块的作用是定义一同执行的语句。

<button type="button" onclick="myFunction()">点击我！</button>

<p id="c"></p>
<p id="d"></p>

<script>
function myFunction() {
    document.getElementById("c").innerHTML = "Hello Kitty.";
    document.getElementById("d").innerHTML = "How are you?";
}
  </script>

整合代码

<!DOCTYPE html>
<html>
<body>

<button type="button" onclick="myFunction()">点击我！</button>

<p id="c"></p>
<p id="d"></p>
<p id="demo"></p>
<p id="a"></p>
<p id="b"></p>
<script>

var x, y, z;  // 语句 1
x = 50;        // 语句 2
y = 50;        // 语句 3
z = x + y;    // 语句 4
var a, b, c;
a = 9;
b =8;
c = a + b;


document.write(z)

function myFunction() {
    document.getElementById("c").innerHTML = "Hello Kitty.";
    document.getElementById("d").innerHTML = "How are you?";
    document.getElementById("a").innerHTML = "Hello Kitty.";
document.getElementById("b").innerHTML=c;
document.getElementById("demo").innerHTML =
"z 的值是" + z + "。";  
}

</script>

</body>
</html>

点击前

点击后