JavaScript输出内容的方法之一：
使用window.alert()方法
具体作用是网页弹出警告框
一般用于网页中某些内容的错误提示
常见于输出框输入类型错误提示
代码示例：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>宗波尘客www.zbck123.com</title> </head> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert(5 + 7); </script> </body> </html>
提示：
①window可以去掉，现在浏览器均支持不带window，可以直接写alert
②alert后面的小括号里面写需要输出的内容，内容可以是字符串，可以是数学公式(如果是公式就会先计算)，可以是函数
③如果直接写此代码，则网页运行时，会直接弹出警告框展示弹窗输出的内容。一般配合事件、表单验证来做项目
JavaScript输出内容的方法之二：
用document.write()方法将内容写到html文档中。此功能可用于写入文本和html。
代码示例：
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <p>我的第一个段落。</p> <script> document.write(Date()); </script> </body> </html>
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p>我的第一个段落。</p>
<button onclick="myFunction()">点我</button >
<script>
function myFunction() {
document.write(Date());
}
</script>
</body>
</html>提示：
①一般用于测试，大型项目一般不会这样写，因为直接用html标签输出效果会更好
②能输出的内容比较多，可以是函数，比如时间函数
③当write方法里的内容执行完毕以后，html页面将会被write()输出的东西覆盖页面
JavaScript输出内容的方法之三：
用innerHTML操作html标签元素
如果需要从JavaScript访问某个HTML元素，可以使用document.getElementById(html标签中ID名称)方法
利用id找到html标签中的对应ID选择器的标签，然后用innerHTML来操作元素内容
示例：
<!DOCTYPE html>
<html>
<body>
<h1>我的第一个 Web 页面</h1>
<p id="demo">我的第一个段落</p>
<script>
document.getElementById("demo").innerHTML = "段落已修改。";
</script>
</body>
</html>
提示：
真实项目中常用的方法之一，常用于控制标签内容
JavaScript输出内容的方法之四：
用console.log()方法写到控制台中（会将输出结果显示在网页浏览器的控制台，一般按f12或者fn+f12可以打开控制台，或者右键单击“检查”，记得选择控制台的Console菜单哦）
代码示例：
<!DOCTYPE html> <html> <body> <h1>我的第一个 Web 页面</h1> <script> a = 5; b = 6; c = a + b; console.log(c); </script> </body> </html>
提示：
①一般用于代码测试
②主要用于调式JavaScript
③与alert相比，console不会打断页面的操作，console里面的内容非常丰富，可以在控制台输出console按回车查看
