更新時間:2023-02-01 來源:黑馬程序員 瀏覽量:
頁面加載事件方法在前面的學(xué)習(xí)中已經(jīng)使用過,它有以下三種語法形式:
//第一種形式 $(document).ready(function() {}) //第二種形式 $().ready(function() {}) //第三種形式 $(function() {})
在上述語法中,第一種是完整寫法,即調(diào)用document元素的ready()事件方法。第二種語法省略了document,第三種語法省略了ready()。這三種語法的功能完全相同,讀者可自行選擇使用哪種形式。
在傳統(tǒng)的JavaScript中,若要實現(xiàn)頁面加載事件,需要在body標(biāo)簽中添加onload事件屬性,或用window.onload方式注冊事件,但是都必須等待網(wǎng)頁中所有內(nèi)容加載完成后才能執(zhí)行。與之相比,jQuery提供的ready()方法更加完善。通過ready()方法可以在頁面加載后立即執(zhí)行,并允許注冊多個事件處理程序。
ready()方法與window.onload方法的對比如表15-10所示。
表15-10 頁面加載事件