外部js文件1:
/** * 加了window.onload 后,直接引入js文件即可 * 頁面資源全部加載完畢后會自動調用window.onload里的回調函數 */ window.addEventListener("load",function(){ console.log("我是外部js test1"); })
外部js文件2:
/** * 普通函數 * 引入js文件后,還需要在 script 里手動調用一下函數名,這個函數才會執行 */ function test2(){ console.log("我是外部js test2"); }
html文件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <script src="js/test.js"></script> <script src="js/test2.js"></script> <body> <div id="app"> 引入外部js </div> <script> test2(); </script> </body> </html>
執行結果: