1. 程式人生 > >$(function(){})和$(document).ready(function(){})

$(function(){})和$(document).ready(function(){})

1.window.onload方法⑴執行時機:在網頁中所有元素(包括元素的所有關聯檔案)完全載入到瀏覽器後才執行,即JavaScript 此時可以訪問網頁中的所有元素。window.onload=function(){ $(window).load(function(){//編寫程式碼等價於 //編寫程式碼} });⑵多次使用:JavaScript的onload事件一次只能儲存對一個函式的引用,他會自動用最後面的函式覆蓋前面的函式。

function one(){

alert("one");

}

function two(){

alert("two");

}

window.onload=one;

window.onload

=two;

//執行程式碼後只有 two

2.$(document).ready()方法⑴執行時機:在DOM完全就緒時就可以被呼叫。(這並不意味著這些元素關聯的檔案都已經下載完畢)舉個例子:$(document).ready()方法明知要DOM就緒就可以操作了,不需要等待所有圖片下載完畢。⑵多次使用:

function one(){

alert("one");

}

function two(){

alert("two");

}

$(document).ready(function(){

one();

});

$(document).ready(function(){

two();

});

//執行程式碼後

//先是:one

//先是:two