Question

可能重复：
How should I include a js file from another js file?

在我的一个js文件中，我需要使用其他js文件中的函数。我怎么做到这一点？

Answer 1

只需在源文件后加载依赖文件 - 例如文件中的函数a文件b中的require函数

<script src="b.js"/>
<script src="a.js"/>

如果要动态加载脚本文件，请：

function loadScript(filename){
    // find the header section of the document
    var head=document.getElementsByTagName("head")[0];

    // create a new script element in the document
    // store a reference to it
    var script=document.createElement('script')

    // attach the script to the head
    head.appendChild(script);

    // set the script type
    script.setAttribute("type","text/javascript")

    // set the script source, this will load the script
    script.setAttribute("src", filename)
}

loadScript("someScript.js");

Google使用此功能将adsense代码导入页面。

已更新

Answer 2

您需要在使用您的功能的任何页面中包含这两个文件。

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

两个文件中的公共功能将相互可用。

你可以向脚本中的DOM添加<script>元素，这些元素指向依赖项 - 这将允许您只在页面中包含您的javascript文件。

document.write("<script language='javascript' src='script myscript uses.js' />");

Answer 3

以正确的顺序将两者包括在页面中：

<head>
   ...
   <script type="text/javascript" src="library.js"></script>
   <script type="text/javascript" src="scripts_that_use_library_functions.js"></script>
</head>

Answer 4

您可以在DOM中动态添加js文件，如下所示：

var headID = document.getElementsByTagName("head")[0];         
var newScript = document.createElement('script');  
newScript.type = 'text/javascript';  
newScript.src = 'http://www.somedomain.com/somescript.js';  
headID.appendChild(newScript);

如何在另一个js文件中包含js文件

4 个答案: