首页 JavaScript 如何通过js添加script标签, 动态加载js文件
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了。