更新時(shí)間:2023-11-14 來源:黑馬程序員 瀏覽量:
頁(yè)面加載事件方法在前面的學(xué)習(xí)中已經(jīng)使用過,它有以下三種語(yǔ)法形式:
//第一種形式 $(document).ready(function(){}) //第二種形式 $().ready(function(){}) //第三種形式 $(function(){})
在上述語(yǔ)法中,第一種是完整寫法,即調(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()方法更加完善。通過ready()方法可以在頁(yè)面加載后立即執(zhí)行任務(wù),并允許注冊(cè)多個(gè)事件處理程序。
ready()方法與window.onload方法的對(duì)比如表15-10所示。
表15-10 頁(yè)面加載事件
本文版權(quán)歸黑馬程序員Java培訓(xùn)學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!
作者:黑馬程序員Java培訓(xùn)學(xué)院
首發(fā):https://java.itheima.com