系列
JavaScript教程
JavaScript的程序输出方式
写程序,不管什么功能的程序,最起码有一点是一样的,就是都要关心输入和输出,没任何输出的程序,是没什么价值的程序。
那怎么查看运行程序的输出呢?一般JavaScript教程里面的例子,查看程序运行结果有三招。
alert()
alert(message)
方法用于显示带有一条指定消息和一个 OK 按钮的警告框。
我们可以把程序运行的结果当作消息打印出来:
alert("你好!");
alert()函数弹出的消息框,必须用户的一次鼠标或键盘操作才能关闭,对初学编程者来说,有点不太友好。
有些恶意的网页会不停地弹消息框,用户永远关不完,所以现代浏览器有时候会把可疑网站的alert()的功能给屏蔽,除非用户选择允许。
所以,本课程中的例子,基本上都不使用alert()函数。
document.write()
document.write(markup)
在网页中输出一段文本。
document.write("你好");
也可以输出HTML内容:
document.write("<h1>你好</h1>");
这个函数依赖的是浏览器DOM对象上的document对象,基本上只能在网页上使用。不过本课程是网页版本的,所以使用这个功能是完全没问题的。
console.log()
console.log()
原先是 Firefox 的“专利”,严格说是安装了 Firebugs 之后的 Firefox 所独有的调试“绝招”。由于太好用了,现在主流浏览器都已经支持了。
console.log("你好!")
看到有结果了?其实原本console.log()
函数是不会把结果显示在页面上的,不过为了做这个教程,我们对原生的console.log()
函数做了点小手脚,让其能够把结果输出在页面上。
console.log()
函数可以这样用:按一下键盘的F12,切到“控制台(Console)”部分,就会发现这里面有输出:
学习本课程,可以打开控制台的窗口,这样就可以拷贝代码运行看结果了。
console.log()
函数在node.js里也能用,看起来通用性更强一些,因此本课程将主要使用console.log()
函数来输出程序的运行结果。