Node.js 12实战
上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