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