传统上，Javascript文件是使用脚本标签加载的。就像这样：脚本类型=' text/JavaScript ' src=' http : example . js '/脚本。

脚本标签非常方便，所以只要添加到网页中，浏览器就会读取并运行。然而，它有一些严重的缺陷。(1)严格的阅读顺序。由于浏览器按照脚本在网页中出现的顺序读取Javascript文件，然后立即运行，当多个文件相互依赖时，依赖度最小的文件必须放在前面，依赖度最大的文件必须放在后面，否则代码会报错。(2)性能问题。浏览器使用“同步模式”加载脚本标签，即页面会被“阻塞”，等待javascript文件被加载，然后运行下面的HTML代码。当存在多个脚本标签时，浏览器无法同时读取，必须先读取一个，再读取另一个，导致读取时间大大延长，页面响应变慢。要解决这些问题，可以使用DOM方法动态加载Javascript文件。复制代码如下：函数load script(URL){ var script=document . create element(' script ')；script . type=' text/JavaScript '；script.src=urldocument.body.appendChild(脚本)；}原理是浏览器立即创建一个脚本标签，然后异步读取Javascript文件。这不会造成页面阻塞，但会造成另一个问题：这样加载的Javascript文件不在原来的DOM结构中，所以在DOM-ready(DOMContentLoaded)事件和window.onload事件中指定的回调函数对其无效。