一个js方法中怎么调用另一个js文件

JavaScript017

一个js方法中怎么调用另一个js文件,第1张

Js文件中调用其它Js函数的方法:

1、例如有这样一个html,里面有一个按钮,当按下时调用b.js文件中的方法b()。而b()中又要调用a.js文件中的方法a()。那我们应该怎么做呢?

首先,在html中引入b.js,并在</body>之后加入引用语句。必须注意,将要引入的Js文件代码放在</body>下面。

<html>

<body>

<input type="button" value="ok" onclick="javascript:b()">

</body>

<!--这里引用要放在body下面-->

<script language="JAVASCRIPT" src='b.js'></script>

</html>

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()方法。

注意:<script language="JAVASCRIPT" src='b.js'></script>一定要放在body下面。

因为在b.js中用到了body(document.body.appendChild(new_element))

如果将引如b.js的代码放在body上面,也就是说, 进入页面后,还没有生成body就已经执行b.js里的document.body.appendChild(new_element)了。 这时body不存在就会抛javascript错误。

可以调用的呀,js文件是顺序加载的。

你要确保你调用的那个方法文件先加载完成,然后在加载你自己的js文件。

注意加载顺序,然后按照那个方法的调用方式去掉用就行了。

function a1(){

console.log("a1")

}

function b1(){

a1()//调用

console.log("b1")

}

b1()