頁面自動執行(加載)js的幾種方法


一、JS方法
1.最簡單的調用方式,直接寫到html的body標簽里面:

<html> 
    <body onload="load();">
    </body> 
</html>

 

 

2.在JS語句調用:

<script type="text/javascript">
    function myfun()   {    
        alert("this window.onload");   
    }   
    /*用window.onload調用myfun()*/ 
     
    // 不要括號
    window.onload = myfun;
</script>

 

3。Js調用 onload方法 

<script type="text/javascript">
    window.onload = function(){
        func1();
        func2();
        func3(); 
    }
</script>

 


二、JQ方法

1.整個頁面的document全部加載完成以后執行。不幸的這種方式不僅要求頁面的DOM tree全部加載完成,而且要求所有的外部圖片和資源全部加載完成。更不幸的是,如果外部資源,例如圖片需要很長時間來加載,那么這個js方法執行感覺就比較慢了。也就是說這是一種最嚴謹的頁面加載完再執行方法的方法。

window.onload =function() { 
    $("table tr:nth-child(even)").addClass("even"); 
    //這個是jquery代碼 
};

 

2.僅只需要加載所有的DOM結構,在瀏覽器把所有的HTML放入DOM tree之前就執行方法。包括在加載外部圖片和資源之前。

$(document).ready(function() { 
    //任何需要執行的js特效
    $("table tr:nth-child(even)").addClass("even"); 
});

 

有一種灰常簡便的寫法:

$(function() { 
    $("table tr:nth-child(even)").addClass("even"); 
    //任何需要執行的js特效
}

 


免責聲明!

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



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