第十二章：第2节JavaScript页面输出
更新于：2017-10-23 11:19:18
在学JS变量之前，先学下JS怎么把变量输出到页面。PHP最常用的输出是“echo”这个语言结构，在JS下有三种形式的输出：
1）弹窗输出：
window.alert( str )
功能：在当前窗口中，弹出一个警告对话框。str是要显示的字符串。
举例：window.alert("我是弹出来的");
简单说明：
window是一个“窗口对象”，代表当前浏览器窗口，也是JS的内置对象。window是可以省略的，可直接alert("我是弹出来的");
alert( str )是一个“方法”，在当前窗口中弹出一个警告对话框。str是一个参数，要显示的“提示信息”。
window对象和alert()之间用“小数点”连接。注意这个地方就和PHP完全不一样了，在PHP中“.”是字符串运算符，起到连接字符串的作用。而JS的“.”相当于PHP的“->”。
2）页面输出
document.write( str )
功能：在网页的<body>中来输出一个字符串str，字符串一定要加引号。
举例：document.write("我是第一个被踢出来的！");
简单说明：
document是一个“文档对象”，代表当前网页。是JS的内置对象。document不能省略，不然会把write方法当成是window对象的方法。
write( str )是一个“方法”，是一个输出的方法(动作)。对象方法后面紧跟小括号，小括号放“参数”。
document对象有好多方法的，write是其中一个方法，作用是“在网页中写内容”，相当于PHP的“echo”。
document对象和方法write()之间用小数点“连接”。如：document.write(str)。
注意：JS是区分大小写的，document和write()都要小写。这点和PHP是不同的，PHP的函数、方法、类名不区分大小写，只有变量区分大小写。
3）控制台输出
console.log( str )
功能：在开发者工具“console”的地方输出，这个地方输出主要作用为调试程序。
举例：console.log("我隐藏起来了！");
“F12”打开开发者工具，可以看到log信息。
提示：JS如果出现了程序错误，它不会像PHP一样在页面中输出，而是在“console”这个地方显示错误提示。JS出错，一般不影响HTML页面的正常显示，所以比较友好。
总结：1、2会应用到实际的项目中做效果，3多用于程序出现问题了帮助调试。“弹窗输出”属于JS的一种特效，这种特效因浏览器不同从而出现的样式不同。为了保证在多个浏览器弹窗样式统一，很多网站都不再使用alert了（alert本身体验也不好），他们自己用HTML+CSS+JS写一个浮窗的效果代替弹窗。