
上QQ阅读APP看书,第一时间看更新
1.2 第一个JavaScript实现的Hello World
JavaScript是一种轻量级的编程语言。本节编写第一个JavaScript程序,让读者有个直观且简单的了解。
【示例1-1】直接打开Chrome浏览器控制台,输入如下代码:
document.write("Hello World!");
在浏览器窗口可以看到有“Hello World!”字样直接显示在屏幕上,如图1.1所示。或者输入如下代码:
console.log ("Hello World!");

图1.1 通过控制台输出“Hello World!”
【示例1-2】交互式输出Hello World的方法。新建文件HelloWorld.html,输入如下代码并保存文件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>HelloWorld</title> <script> function display(){ document.getElementById("demo").innerHTML='Hello World'; } </script> </head> <body> <h1>Hello World</h1> <button type="button" onclick="display()">显示</button> </body> </html>
使用浏览器打开该文件,并单击屏幕上的显示按钮,则会看到屏幕上显示出“Hello World”字样,如图1.2所示。

图1.2 第一个JavaScript实现的Hello World