1.7 给页面添加脚本

要想让脚本工作，首先需要在页面中将其载入。有两种技术可以做到这一点，而其中一种技术明显优于另一种。

方法

第一种，也是最直接的方法，是把代码写入script元素中，正像前面看见过的那样：

function saySomething(message)

{

alert(message);

}

saySomething('Hello world!');

</script>

这种方法的问题在于，对于老的或者不支持script元素的浏览器，这些内容会被解释为文本。

一种更好的替代方式是将脚本放入外部的一个JavaScript文件，如下：

这条语句会载入一个外部的名叫what-is-javascript.js的JavaScript文件。这个文件中将包含前一个例子放入script元素中的代码，如下：

File: what-is-javascript.js

function saySomething(message)

{

alert(message);

}

saySomething('Hello world!');

采用这种方法，不支持script元素的浏览器会忽略JavaScript部分，也不会显示多余内容（因为该元素的内容实际上是空的），不过那些能够解读script的浏览器会载入并处理该脚本。这有助于脚本和内容的分离，而且很容易维护，可以在不同的页面中使用同一个脚本，而无须复制脚本，也无需维护多个拷贝。

讨论

也许您对避免在页面中写入脚本这个建议有异议，“不会有问题的呀”，您可能还会说，“我可以使用HTML注释把代码框起来”。不过我认为那不是一个好主意，使用HTML注释来“隐藏”代码是一种非常坏的习惯，一定要记住这一点。

1.7.1 用HTML注释框住代码

解析器本来无需读取注释内容，更不用去执行它。不过现实情况是，被注释的JavaScript完全可以工作，这是一个历史遗留问题，也是一种妥协，不应该假定解析器会正确地略过注释，忽略注释中的JavaScript，实际上，应该假定解析器一定不能正确地读取注释。

书中的所有例子都通过HTML提供（与之相对的是XHTML），所以这种假设是合理的。不过如果使用XHTML（使用application/xhtml+xml的MIME类型），在浏览器处理该文件之前，XML解析器能够正确地忽略其中的注释，这样，注释的JavaScript代码确实不会执行。不过，考虑到兼容性（以及良好的编程习惯），强烈建议您尽量不在注释中放入代码。JavaScript代码应该总是放到一个外部的JavaScript文件中。