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错误。
1、首先需要新建HTML文件。
2、然后创建按钮。
3、之后需要用js定义函数。
4、接下来设置需要进行设置的函数内容。
5、按钮添加点击事件调用函数并设置函数的参数。
6、最后的预览效果如图,顺利调用外部的JS。
方法:直接调用对方的函数就行。
步骤:
1、两个或者多个js文件加载到同一个页面中
2、js文件中的方法直接相互访问。
示例:
a.js中定义一个方法function a(){
}
b.js中定义一个方法
function b(){
}
在a.js中访问b.js中方法
b()//就可以直接访问b方法