首页 JavaScript 如何通过js添加script标签, 动态加载js文件

如何通过js添加script标签, 动态加载js文件

2024-08-15 09:47 编辑:  丽丽学习网

var secScript = document.createElement("script");
secScript.setAttribute("type", "text/javascript");
secScript.setAttribute("src", "https://www.hao366.net/a.js");
document.body.insertBefore(secScript, document.body.lastChild);

上面的代码 , 首先创建一个script标签,然后设置其type,src 属性, 然后使用 document.body.insertBefore 把这个标签动态插入到dom树中。这时候你使用浏览器的右键查看源代码时,是看不到动态加载的js文件, 只有使用F12开发者工具查看,才可以看到。

不是什么时候使用这种方法都是好的,此方法用于js文件内容后加载时使用,最好js内容里的功能是单独的,比如统计代码等,如果像jquery文件,最好不要使用此种方法来加载,因为使用jquery文件一般都是先把jquery文件加载完后就会在其他文件中使用,此时必须要等到jquery加载完其他文件才有效,所以就必须先加载jquery了。