js加载使用DOM方法动态加载Javaｓｃｒｉｐｔ文件。

传统上，加载Javaｓｃｒｉｐｔ文件是使用标签。
像下面这样：

标签非常方便，只要添加了网页，浏览器就可以读取和运行，但也存在一些严重的缺陷。
（1）严格的阅读顺序.因为浏览器在页面上出现为了读取javaｓｃｒｉｐｔ文件，然后立即运行，要在一个以上的文件相互依赖的情况下，最小的依赖文件必须放在前面，大部分依赖文件必须放在后面，否则代码就会出错。
（2）性能问题。浏览器使用同步模式加载标签，也就是说，页面将被阻塞（阻塞），等待Javaｓｃｒｉｐｔ文件加载，然后再运行HTML代码。当有多个标签时，浏览器不能同时读取。一个必须读一个然后读另一个，导致长时间阅读和缓慢的页面响应。
为了解决这些问题，您可以使用DOM方法动态加载Javaｓｃｒｉｐｔ文件。
复制代码代码如下所示：
函数加载脚本（URL）{
VaR脚本= document.createelement（脚本）；
ｓｃｒｉｐｔ.type =文本/ javaｓｃｒｉｐｔ；
ｓｃｒｉｐｔ.src =网址；
document.body.appendchild（剧本）；
}

其原理是浏览器创建一个标签的当下，然后异步读取Javaｓｃｒｉｐｔ文件。这将不会导致页面堵塞，但是它会导致另一个问题：加载Javaｓｃｒｉｐｔ文件是不是在原来的DOM结构，所以在DOM准备好指定的回调函数（domcontentloaded）事件和在window.onload事件它是无效的。