2.6 在HTML文件中使用JavaScript代码
在HTML文件中使用JavaScript代码主要有两种方法，一种是将JavaScript代码书写在HTML文件，称为内嵌式；另一种是将JavaScript代码书写在扩展名为.js的文件中，然后在HTML文件中引用，称为外部引用。
2.6.1 JavaScript嵌入HTML文件
将JavaScript代码直接嵌入到HTML文件中时，需要使用一对标记<script></script>，告诉浏览器这个位置是脚本语言。<script>标记的使用方法，如下加粗部分代码所示。
<html>
<head>
<title> JavaScript嵌入HTML文件</title>
<script type="text/javascript">
//向页面输入问候语
document.write("hello");
</script>
</head>
<body>
</body>
</html>
在上述代码中，使用了type属性用来指明脚本的语言类型。还可以使用属性language来表示脚本的语言类型。使用language时可以指明JavaScript的版本。新的HTML标准不建议使用language属性，type属性在早期旧版本的浏览器中不能识别，因此有些开发者会同时使用这两个属性，但是在HTML标准中，建议使用type属性，或者都省略，如下加粗部分代码所示。
【例2.10】（实例文件：ch02\2.10.html）
<html>
<head>
<title> JavaScript嵌入HTML文件</title>
<script>
//向页面输入问候语
document.write("hello");
</script>
</head>
<body>
</body>
</html>
在IE 8.0中浏览效果如图2-12所示。
图2-12 JavaScript嵌入HTML文件
2.6.2 外部JavaScript文件
通过前面的学习，读者会发现，在HTML文件中可以包含CSS代码、JavaScript代码。把这些代码书写在同一个HTML文件中，虽然简捷，但是却使HTML代码变得繁杂，并且无法反复使用。为了解决这种问题，可以将JavaScript独立成一个脚本文件（扩展名为.js），在HTML文件中调用该脚本文件，其调用方法如下所示。
<script src=外部脚本文件路径> </script>
将上述程序修改为调用外部JavaScript文件，操作步骤如下。
01 新建JavaScript文件，保存文件为hello.js，代码如下。
// JavaScript Document
//向页面输入问候语
document.write("hello");
02 新建HTML文件。按照以前的方法创建HTML文件，并保存。注意，为了能够保证示例的正常运行，请将该文件与hello.js保存于同一位置处。在HTML文件中，输入加粗部分所示代码。
<html> <head> <meta charset="utf-8" /> <title> JavaScript嵌入HTML文件</title> <script src= "hello.js"> </script> </head> <body> </body> </html>
程序的运行结果，如图2-12所示。
外部脚本文件的使用大大简化了程序，且提高了复用性，在使用时有以下几点必须要注意。
（1）在外部脚本文件中，只允许包括JavaScript代码，不允许出现其他代码，初次接触的读者很容易将<script>标记书写在脚本文件中，这是最忌讳的。
（2）在引用外部脚本文件的HTML文件中，使用<script>标记的src属性指定外部脚本文件，一定要加上路径，通常使用相对路径，并且文件名要带扩展名。
（3）在引用外部脚本文件的HTML文件中，<script>标记和</script>标记之间不可以有任何代码，包括脚本程序代码，且</script>标记不可以省略。
（4）<script></script>标记可以出现在HTML文档的任何位置，并且可以有多对，在没有特殊要求的情况下，建议放在HTML文档的head部分。