如何包括另一个JS JS文件文件

问题描述：

可能重复：
How should I include a js file from another js file?如何包括另一个JS JS文件文件

在我的js文件之一，我需要使用的功能与其他js文件。我将如何实现这一目标？

答

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

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

这两个文件中的公共功能都可以互相使用。

您可能将<script>元素添加到指向依赖关系的脚本中的DOM - 这将允许您只将JavaScript文件包含在页面中。

document.write("<script language='javascript' src='script myscript uses.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");

谷歌使用这个导入AdSense代码到一个页面：如果您要动态加载一个脚本文件，在文件中的函数，需要在文件B

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

功能。

修订

我相信你需要将你的'script'元素附加到DOM以获取和加载源文件，即做一些像'document.getElementsByTagName（“head”）[0] .appendChild（script）;' – Rodrigue

答

其中既包括以正确的顺序页面：

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

答

您可以添加JS动态文件在你的DOM，像这样：

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文件文件

相关推荐