頁面加載完成后自動執行一個方法函數的JQ、JS方法

一、JS方法

1.最簡單的調用方式，直接寫到html的body標簽里面：

<body onload="myfunction()">

<html>
      <body onload="func1();func2();func3();">
      </body>
</html>

2.在JS語句調用：

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

<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() {     
     $("table tr:nth-child(even)").addClass("even");   // 任何需要執行的js特效 
}); 

還有一種簡寫方式

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