我可以通过Javascript在页面上注册外部JS文件吗？

Question

在我的CMS中，我通过Javascript向页面添加模块，这些模块可能包含外部JS文件，这些文件会在页面上注册，并加载到合作的外部文件中。

当通过JS添加模块时，这些脚本因此在页面重新加载之前不会被注册。

有没有办法让我通过JavaScript调用动态地注册这些脚本？

Answer 1

您可以使用下面的代码脚本标记添加到您的网页：

var head = document.documentElement.childNodes[0]; 
var sTag = document.createElement("script"); 
sTag.src = "/path/to/script.js"; 
sTag.type = "text/javascript"; 
head.appendChild(sTag); 

您也可以使用document.getElementsByTagName("head")[0]为head变种。另外，您也可以使用document.write，就像这样：

document.write(
    '<script src="path/to/script.js" type="text/javascript"><\/script>' 
); 

Answer 2

我做了以下的功能，由jQuery的$.getScript方法的启发，它需要一个url和callback说法。

该回调非常有用，它在脚本加载成功时执行，并且您已准备好使用它。

该功能还负责从DOM移除script元素，以避免众所周知memory leaks：

loadScript("myLib.js", function() { 
    // myLib is loaded 
    //.. 
}); 

function loadScript(url, callback) { 
    var head = document.getElementsByTagName("head")[0], 
     script = document.createElement("script"), 
     done = false; 

    script.src = url; 
    // Attach event handlers for all browsers 
    script.onload = script.onreadystatechange = function(){ 
    if (!done && (!this.readyState || 
     this.readyState == "loaded" || this.readyState == "complete")) { 
     done = true; 
     callback(); // Execute callback function 
     // Prevent memory leaks in IE 
     script.onload = script.onreadystatechange = null; 
     head.removeChild(script); 
    } 
    }; 
    head.appendChild(script); 
}