js引用另一个js文件的方法

原文链接：http://stackoverflow.com/questions/4634644/how-to-include-js-file-in-another-js-file

 

首先需要明确一点：只能在html页面中引入JavaScript文件。因此，我们只能够通过往页面中写入<script>标签的方式实现

在js中引入另一个js文件。

 

引入文件的示例：

1、直接往页面中写入script标签

document.writeln("<script type='text/javascript' src='Script1.js'></script>");
document.writeln("<script type='text/javascript' src='Script2.js'></script>");

2、使用DOM的方式生成script标签

var imported =document.createElement('script');

imported.src = '/path/to/imported/script';

document.head.appendChild(imported);

 

这里有一点要特别注意，由于浏览器是异步加载js文件，所以，如果程序中有和引入的js文件有依赖关系的部分，程序有可能出错。因此，最后能够等引入的js加载完成后再运行依赖该js的程序。

使用JQuery解决该问题的方法如下：

// jQuery

$.getScript('/path/to/imported/script.js',function()

{

   //这时候js已经成功加载

    //把和加载的js有依赖关系的程序部分放在这里

});