从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东西）。