Js文件函數中調用另外一個Js文件函數的方法

時間 2019-11-08

原文原文鏈接

在項目中Js文件須要完成某一功能,但這一功能的大部分代碼在另一個Js文件已經完成,只須要調用這個文件實現功能。那麼如何調用:一個Js文件函數中調用另外一個Js文件函數的方法?html

(直接代碼說明)函數

示例demo:spa

首先建立三個文件 : html 文件 a.js文件 b.js文件 (相同目錄地址存放)3d

html 文件code

 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 文件htm

 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 文件blog

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()事件

運行結果圖以下：ip

相關標籤/搜索