從JS代碼中包含JS文件的最佳方式是什麼？

Question

從其他Javascript文件中包含Javascript文件的建議方法是什麼？

Answer 1

如何：

（original link）

<script type="text/javascript"> 
// Function to allow one JavaScript file to be included by another. 
// Copyright (C) 2006-08 www.cryer.co.uk 
function IncludeJavaScript(jsFile) 
{ 
    document.write('<script type="text/javascript" src="' 
    + jsFile + '"></scr' + 'ipt>'); 
} 
</script> 

，然後包括第二JavaScript文件只需添加一行：

IncludeJavaScript('secondJS.js'); 

從來到該頁面包含的一些陷阱這是由這種方法引起的，所以在使用該方法之前值得一看。

Answer 2

有圖書館會爲你做這個。您還可以在文檔中添加一個腳本標籤，指向要加載的文件（來自js），這是最簡單但存在問題的文件。

http://developer.yahoo.com/yui/yuiloader/

http://www.appelsiini.net/projects/lazyload

編輯：我看到了很多，一個腳本標記添加到您的文檔的頭部答案。正如我所說，這個簡單的解決方案有一個問題，即您不知道瀏覽器何時完成加載您請求的腳本，因此您無法知道何時可以調用此代碼。如果你想使用這樣的解決方案，你還應該添加一個回調以告訴你什麼時候加載了所需的代碼。

Answer 3

大多數人的JavaScript文件添加到文檔的頭：

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

Answer 4

也Theres建成Scriptaculous的功能，這是非常容易使用。

Scriptaculous.require("path/to/script.js"); 

值得了解，因爲Scriptaculous是最近很常見的JavaScript庫。

Answer 5

jQuery具有getScript()函數。另請注意，上面提到的Lazy Load僅用於圖像。不適用於JavaScript文件。

$.getScript(url, [callback]); 

Answer 6

Dojo做它用dojo.require()：

dojo.require("your.module.name"); 

通常這是XHR做了同步操作。但是，如果使用xDomain構建，它將會異步，並且在加載腳本時會引發dojo.addOnLoad()。

瞭解更多關於它：

• Modules
• What dojo.require does
• Quickstart: custom builds（包括xDomain說明）
• Cross-domain Dojo（特別地專用於xDomain東西）。