1.3 在Web页面中使用JavaScript_JavaScript实战-JavaScript、jQuery、HTML5、Node.js实例大全（第2版）-QQ阅读都市男生网

上QQ阅读APP看书，第一时间看更新

1.3 在Web页面中使用JavaScript

编写JavaScript代码其实无须特殊软件，一个普通的文本编辑器和一个Web浏览器就足够了。虽然在1.2节中介绍了很多JavaScript文件编辑器，读者还是应该根据实际应用场景和个人习惯选择适合的工具。

用JavaScript编写的代码需要放在html文档中才能被浏览器执行，有两种方式可以做到这一点。

1.3.1 直接内嵌JavaScript代码

第一种方式是将JavaScript代码放到文档<head>标签的<script>标签中，见【范例1-1】。

【范例1-1 第一个JavaScript程序hello world】

    1.   <! DOCTYPE html>
    2.   <html>
    3.    <head>
    4.      <title>hello world</title>
    5.      <script>
    6.        alert('hello world! ');
    7.      </script>
    8.    </head>
    9.    <body>
    10.   </body>
    11. </html>

将上面的代码保存到html文件中（在记事本中编写，然后另存为扩展名为html的文件），用任意浏览器打开，就可以看到一个弹出对话框。

1.3.2 引用JavaScript文件

第二种方式是把JavaScript代码存为一个扩展名为js的独立文件。以前的做法是在文档<head>里用<script>标签的src属性来指向该文件，见【范例1-2】。

【范例1-2 引用JavaScript文件】

    1.   <! DOCTYPE html>
    2.   <html>
    3.    <head>
    4.      <title>hello world</title>
    5.      <script src="helloworld.js"></script>
    6.    </head>
    7.    <body>
    8.    </body>
    9.   </html>

目前业界推荐的做法是把【范例1-2】中的<script>放到html文档最后，</body>标签之前（第7行和第8行之间）。这样做的目的是，使浏览器更快地加载页面并展示给用户，从而增强用户体验。