window.alert()：
使用警告框来显示数据
如：
<!DOCTYPE html>
<html>
<body>
<script>window.alert("我来了");
</script></body>
</html>浏览器打开就会显示一个弹窗“我来了”
innerHTML：
改变元素内容输出在页面上
将页面上的“我来了”变为“我走了”
<!DOCTYPE html>
<html>
<body><p id="demo">我来了</p>
<script>//window.alert("我来了");document.getElementById("demo").innerHTML = "我走了";
</script></body>
</html>document.write()：
向页面写入内容，但是
如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
<!DOCTYPE html>
<html>
<body><p id="demo">我来了</p>
<script>document.write(Date());
</script></body>
</html>浏览器打开会显示“我来了”字段还有时间
若是在页面加载完再执行document.write：
<!DOCTYPE html>
<html>
<body><p id="demo">我来了</p><button onclick="showtime()">点击此处</button>
<script>function showtime(){document.write(Date());}
</script></body>
</html>在浏览器打开然后点击按钮执行了document.write后，页面将被改写，只会剩下时间显示
console.log()：
在控制台输出
<!DOCTYPE html>
<html>
<body><script>x=5;y=6;console.log(x+y);
</script></body>
</html>浏览器打开后页面上什么也看不见，按F12打开开发模式，找到控制台即可看见显示的结果
：更灵活的双向绑定)
