引用外部JavaScript脚本文件比嵌入脚本文件有哪些优势

JavaScript代码除了可以嵌入在HTML代码中之外，还可以独立于HTML文件存在。在HTML中可以通过script元素来引用外部的脚本文件。引用外部脚本文件需要用到script元素的src属性，其属性值为外部脚本文件的URL。外部引用脚本文件的URL既可以是绝对地址，也可以是相对地址。

使用外部脚本文件与嵌入在HTML代码中的JavaScript代码作用是相同的。但与嵌入在HTML代码中的JavaScript代码相比，使用外部脚本文件有着下述几个优势。

①简化HTML代码：将HTML代码中的JavaScript代码独立成外部文件，可以简化HTML文档中的代码，让HTML代码看起来更直观、清楚。

②编程模块化：可以将多个HTML文档中相同的JavaScript代码独立成外部文件，方便在多个HTML文档里引用。此时外部脚本文件相当于程序中的一个模块，如果修改该脚本文件的内容，所有引用该脚本文件的HTML文档中的部分也会被修改。

③代码易于维护：将JavaScript代码独立成外部文件，如果需要修改其中功能，只需要修改外部文件中的代码。如果所有JavaScript代码都嵌入HTML代码之中，那么即使要修改相同部分的内容，也必须修改所有HTML文件，修改的工作量较大。

④增加安全性：将JavaScript代码独立成外部文件，在查看HTML源代码时看不到JavaScript代码的内容，无形之中减少了受攻击的机会。

⑤加速浏览：浏览器会自动缓存网络中的文件。当一个外部脚本文件使用之后，浏览器会将其放入缓存中。如果另外一个HTML文档引用该外部脚本文件，浏览器就可以直接从缓存中读取该文件，而不需要从网络中下载，因此，会加快加载网页的速度。

⑥引用其他服务器上的文件的脚本文件：script元素中的src属性值是一个标准的URL，因此在HTML文档中除了可以引用当前服务器中的脚本文件，还可以引用其他服务器中的脚本文件。