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

本文主要是介绍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章。

这篇关于HTML文档插入JS代码的几种方法的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---