在項目中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()
運行結果圖如下：
