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