JavaScript 输出
Javascript 有几种不同的方法来显示数据：在浏览器控制输出日志，通过弹出警告框弹出信息，通过 document.write() 输出到网页或者通过 innerHTML 或者 innerText 写入到元素内部等。
Javascript 有几种不同的方法来显示/输出数据：
- 使用
console.log()将信息写入浏览器控制台。 - 使用
window.alert()弹出警告框。 - 使用
document.write()输出到网页。 - 使用
innerHTML或者innerText写入 HTML 元素内部。
使用 console.log()
出于调试目的，我们可以在浏览器中调用 console.log() 方法来将一些中间数据或者状态数据写入到浏览器的控制台。
在 Chrome, Firefox, Edge 浏览器中，我们可以通过按下 F12 按键来启动浏览器的开发者工具窗口，切换到 Console 或者控制台标签打开控制台查看输出的日志信息。
通过浏览器控制台输出日志：
<!DOCTYPE html>
<html>
<body>
<script>
console.log("Hello World!");
</script>
</body>
</html>
后面的章节中了解有关调试的更多信息。
使用 window.alert()
当调用 window.alert() 的时候，浏览器会弹出一个模态提示框来显示信息。
<!DOCTYPE html>
<html>
<body>
<h1>Hello World!</h1>
<script>
window.alert("Hello World!");
</script>
</body>
</html>
!! window.alert() 弹出的模态框会阻断当前的操作。
!! 可以直接使用 alert() 代替 window.alert()，因为 window 对象是页面的全局对象，可以省略。
使用 innerHTML
HTML 元素对象的 innerHTML 可以读取或者修改元素的内容。
通过 document.getElementById(id) 方法获取 HTML 元素，然后通过 innerHTML 属性设置元素内容。
<!DOCTYPE html>
<html>
<body>
<h1>数据被添加到下面方框中：</h1>
<div id="data" style="border: 1px solid #000000;"></div>
<script>
document.getElementById("data").innerHTML = "Hello World!";
</script>
</body>
</html>
使用 document.write()
出于调试目的，可以方便地调用 document.write() 向网页写入内容。
在 HTML 文档的加载过程中调用 document.write()，则写入的内容会出现在相应的文档位置上。
<!DOCTYPE html>
<html>
<body>
<header><h1>页头</h1></header>
<script>
document.write("<p>Hello World!</p>");
</script>
<header><h3>页脚</h3></header>
</body>
</html>
在 HTML 文档的加载完成后调用 document.write()，写入的内容会覆盖整个页面。
<!DOCTYPE html>
<html>
<body>
<header><h1>页头</h1></header>
<button type="button" onclick="sayHelloWorld()">点我</button>
<header><h3>页脚</h3></header>
<script>
function sayHelloWorld() {
document.write("<p>Hello World!</p>");
}
</script>
</body>
</html>
!! document.write() 方法应该只用于调试。
JavaScript 打印
在浏览器中可以通过 window.print() 调用浏览器的打印功能来打印当前窗口的内容。
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>