導入JavaScript文件

Question

可能重複： Include a JavaScript file in a JavaScript file How to include a JavaScript file in another JavaScript file?

什麼是導入一個JavaScript文件，例如file.js的最佳方式，在JavaScript函數（）？

例如，什麼是替代TODO語句的最佳方式：

function doSomething() { 
    if (xy.doSomething == undefined) { 
     // TODO: load 'oldVersionPatch.js' 
    } 
    ... 
} 

可能是最好的解決方案是創建腳本元素，並將其添加到HTML頁面。

• 添加/追加到頭部或身體（什麼時候會加載）是更好嗎？
• 使用JavaScript還是使用jQuery（什麼是跨瀏覽器兼容）更好？

Answer 1

http://api.jquery.com/jQuery.getScript/

或

(function(){ 
    this.__defineGetter__("__FILE__", function() { 
    return (new Error).stack.split("\n")[2].split("@")[1].split(":").slice(0,-1).join(":"); 
    }); 
})(); 

(function(){ 
    this.__defineGetter__("__DIR__", function() { 
    return __FILE__.substring(0, __FILE__.lastIndexOf('/')); 
    }); 
})(); 

function include(file,charset) { 
    if (document.createElement && document.getElementsByTagName) { 
     var head = document.getElementsByTagName('head')[0]; 
     var script = document.createElement('script'); 
     script.setAttribute('type', 'text/javascript'); 
     script.setAttribute('src', __DIR__ + '/' + file); 
     if(charset){ 
      script.setAttribute('charset', charset); 
     } 
     head.appendChild(script); 
    } 
} 

Answer 2

很簡單，在JavaScript創建<script>元，追加src屬性與任何的URL是和連接到DOM。這應該做到這一點。

Answer 3

var filename = 'oldVersionPatch.js'; 
    var js = document.createElement('script'); 
    js.setAttribute("type","text/javascript"); 
    js.setAttribute("src", filename); 
    document.getElementsByTagName("head")[0].appendChild(js); 

..應該這樣做

Answer 4

你必須使你的代碼異步獲得這樣的：

var script = document.createElement('script'); 
script.type = 'text/javascript'; 
script.src = yourJavascriptFileLocation; 
script.onload = script.onreadystatechange = function() { 
    if (!script.readyState || script.readyState === 'complete') { 
     /* Your code rely on this JavaScript code */ 
    } 
}; 
var head = document.getElementsByTagName('head')[0]; 
// Don't use appendChild 
head.insertBefore(script, head.firstChild);