html中引入外部js文件,使用外部js文件里的方法


外部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>

執行結果:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM