在项目中Js文件需要完成某一功能,但这一功能的大部分代码在另外一个Js文件已经完成,只需要调用这个文件实现功能。那么如何调用:一个Js文件函数中调用另一个Js文件函数的方法?
(直接代码说明)
示例demo:
首先创建三个文件 : html 文件 a.js文件 b.js文件 (相同目录地址存放)
html 文件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html文件</title>
</head>
<body>
<script src="a.js"></script>
<script src="b.js"></script>
</body>
</html>
a.js 文件
alert("function a");
function a(){
var callBack="Hello World";
//调用b.js文件的b()方法
b(callBack);
}
//window.onload事件是指文档结构包括js加载完毕,才会触发执行函数方法
window.onload=function(){
alert("Window Onload");
a();
}
b.js 文件
alert("function b");
function b(callBack){
alert(callBack);
}
代码的执行顺序：
1.html加载到执行加载a.js文件，并运行里面执行函数如（alert(‘function a’)）
2.加载b.js文件,并运行里面的执行函数如（alert(‘function b’)）
3.文档全部加载完毕
4.触发window.onload,执行a.js文件方法a()并触发执b.js文件方法b()
运行结果图如下：