如何在一个js文件里调用另一个js文件里的function

如题所述

Js文件中调用其它Js函数的方法:
1、例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。那我们应该怎么做呢?
首先,在html中引入b.js,并在之后加入引用语句。必须注意,将要引入的Js文件代码放在下面。

b.js文件中引入a.js,内容如下:
new_element=document.createElement("script");

new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","a.js");// 在这里引入了a.js
document.body.appendChild(new_element);
function b() {
a();
}

在b.js文件中前4行代码中我们引入了a.js文件,并在第7行代码中调用了a.js代码中的a()方法。
注意:一定要放在body下面。
因为在b.js中用到了body(document.body.appendChild(new_element);)
如果将引如b.js的代码放在body上面,也就是说, 进入页面后,还没有生成body就已经执行b.js里的document.body.appendChild(new_element);了。 这时body不存在就会抛javascript错误。
温馨提示:答案为网友推荐,仅供参考
第1个回答  2019-09-30
只要是被同一个html文件引用,那么他就是相通的直接使用就行,比如a.html同时引用b.js和c.js
b.js写函数test()
c.js可以直接调用test()
,如果html没有同时引用写两个,你可以自己在
b.js中写document.write("<script
src='c.js'></script>");
然后就可以调用函数了
相似回答