HTML文档插入JS代码的几种方法

在HTML文档里嵌入客户端JavaScript代码有4中方法：

1.内联，放置在< script>和标签对之间。

2.放置在由< script>标签的src属性指定的外部文件中。

3.放置在HTML事件处理程序中，该事件处理程序由onclick或onmouseover这样的HTML属性值指定。

4.放在一个URL里，这个URL使用特殊的“javascript:”协议。

在JS编程中，主张内容（HTML）和行为（JavaScript代码）应该尽量地保持分离。所以JavaScript最好通过< script>元素的src属性来嵌入HTML文档里。

这种方法的优点：

1.可以把大块JavaScript代码从HTML文件中删除，这有助于保持内容和行为的分离，从而简化HTML文件。

2.如果多个Web页面公用相同的JavaScript代码，用src属性可以让你只管理一份代码，而不用在代码改变时编辑每个HTML文件。

3.如果一个JavaScript代码文件由多个页面共享，就只需要下载它一次，通过使用它的第一个页面——随后的页面可以从浏览器缓存检索它。

4.由于src属性的值可以是任意的URL，因此来自一个Web服务器的JavaScript程序或web页面可以使用由另一个web服务器输出的代码。很多互联网广告依赖于此。

5.从其他网站载入脚本的能力，可以让我们更好地利用缓存。

参考：《JAVASCRIPT权威指南》第13章。