Question

HI，

我有一个javascript lib，它有a.js，b.js，c.js文件....我的逻辑是在d.js ...我如何引用a.js，b.js，c d.js中的.js文件???

是否可以参考？

我尝试使用

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

和

<script type="text/javascript" src="a.js"></script>

我收到错误告诉变量未定义且函数（它们在外部javascript文件中）未定义

感谢：）

Answer 1

您可以动态加载Javascript文件。这是一个很好的链接。 http://ntt.cc/2008/02/10/4-ways-to-dynamically-load-external-javascriptwith-source.html

然而，我觉得更有用的是使用PHP来渲染我的javascript，并在我的php中附加我需要的相关页面的所有javascript。

Answer 2

是的，可以通过使用DOM将js文件添加到文档的头部来实现。

    var headID = document.getElementsByTagName("head")[0];
    var newScript = document.createElement('script');
    newScript.type = 'text/javascript';
    newScript.language="Javascript";
    newScript.charset="ISO-8859-1";
    newScript.src = 'yourfile.js';

headID.appendChild（newScript）;

当然，您必须告诉当前的JS文件您添加的文件已加载。我通过在当前的JS文件中声明一个JS函数，然后在动态加载的文件的末尾调用它来实现这一点

Answer 3

试试这个js loader http://www.dustindiaz.com/scriptjs/我觉得很方便。它具有管理依赖关系的功能，因此您可以为脚本加载订单提供规则。

Answer 4

我建议将所有必需的文件合并到lib.js文件中。除了不会导致未定义变量出现问题外，它还会将HTTP请求从4减少到1。

尝试使用closure compiler将您的代码合并到一个文件中。

在js文件中包含外部js文件

4 个答案: