如何从另一个js文件中的另一个函数调用js文件中的函数

Question

我的app.js文件包含一个名为getdata()的函数，另一个js文件名为common.js，其函数名为gethost();

现在我想使用app.js中的getdata()函数在common.js文件中调用gethost（）函数。 有人可以帮我做这件事。

我不想这样做script type="text/javascript" src="../Scripts/common.js"

script type="text/javascript" src="../Scripts/app.js"

在aspx文件中。

Answer 1

只要在app.js之前包含common.js，你就可以做到这一点

Answer 2

确保在app.js文件之前加载common.js文件。

你实际上将这两个功能放在全球范围内，但这并不是最好的做法。

Answer 3

这是做到这一点的方法：

var commonFile = document.createElement('script');
commonFile.src = '/thePathToYourScript/common.js';
document.head.appendChild(commonFile);

Answer 4

您还可以使用jQuery.getScript将第二个JS文件放入HTML页面。

说你有，first.js＆amp; second.js。

样本将是（first.js）：

$.getScript("second.js").done(function( script, textStatus ) {

    // call the function from the second js file here

  })
});

或者你可以将两者都包含在同一个HTML中，理想情况下。

Answer 5

这都是关于加载订单的。如果在app.js之前加载common.js，它应该可以工作。如果没有，请发布一些示例代码。

Answer 6

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

并在app.js使用;

function getdata() {
    ......
    gethost();
    ...

}

只需将common.js放在app.js

之前

修改：如果您想在没有<script src="...的情况下执行此操作，则可以使用以下内容; 在app.js;

$.getScript('path_to_common.js',function(){
   gethost();
});