JavaScript输出

JavaScript不提供任何内建的打印或显示函数

JavaScript显示方案

• 使用 window.alert() 写入警告框
• 使用 document.write() 写入HTML输出
• 使用 innerHTML 写入HTML元素
• 使用 console.log() 写入浏览器控制台

使用innerHTML

访问 HTML元素 JavaScript可使用 document.getElementById(id)

id 属性定义 HTML 元素。innerHTML 属性定义 HTML 内容：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<p id="demo"></p>

<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html> 

使用 documet.write()

使用 document.write()比较方便

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落 </p>
<script>
document.write(5+ 6);
</script>

</body>
</html>

使用 window.alert()

您能够使用警告框来显示数据：

<!DOCTYPE html>
<html>
<body>

<h1>我的第一张网页</h1>

<p>我的第一个段落</p>

<script>
window.alert(5 + 6);
</script>

</body>
</html> 

JavaScript 语句

在 HTML 中，JavaScript 语句是由 web 浏览器“执行”的“指令”

var x, y, z;	// 语句 1
x = 22;		// 语句 2
y = 11;		// 语句 3
z = x + y;	// 语句 4

JavaScript 程序

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

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

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

JavaScript语句

语句构成：

• 值，运算符， 表达式， 关键字和注释。

• document.getElementById("demo").innerHTML = "Hello Kitty.";    //这条语句告诉浏览器在 id="demo"的HTML元素中输出 "Hello Kitty."

分号;

分号分隔JavaScript语句

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

JavaScript代码块

• JavaScript 语句可以用花括号（{...}）组合在代码块中。
• 代码块的作用是定义一同执行的语句

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Kitty.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}

JavaScript关键词

JavaScript语句常常通过某个关键词来标识需要执行的JavaScript动作