一、JS方法
1.最簡單的調用方式,直接寫到html的body标簽裡面:
<body οnlοad="myfunction()">
<html>
<body οnlοad="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.οnlοad=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特效
});