一、JS方法
<body onload="myfunction()">
<html> <body onload="func1();func2();func3();"> </body> </html>
<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特效 });