window.onload 和 .ready()

Jquery$(document).ready()是什么意思?和window.onload的區(qū)別? 還有其他什么寫法或者替代方法?

$(document).ready()的意思:

在DOM加載完之后執(zhí)行一個(gè)函數(shù)(這里面的DOM加載完不代表全部文件加載完,例如圖片文件,雖然圖的src的地址加載好了,但是圖本身還沒到);

  • 有時(shí)候JavaScript寫在了最前面,要操作一個(gè)DOM,可是下面的DOM還未生成完畢,就會報(bào)錯(cuò),因?yàn)檎也坏?加$(document).ready()就是卡在 DOM加載完畢 ,剩余資源還未加載完成這段時(shí)間內(nèi),進(jìn)行所有其它事件綁定及運(yùn)行其它 jQuery 代碼;

window.onload的區(qū)別:

  • 1.執(zhí)行時(shí)間
    window.onload是在DOM加載完成 + DOM相關(guān)的文件下載完成 之后再執(zhí)行一個(gè)函數(shù)
    $(document).ready()是在DOM加載完之后執(zhí)行一個(gè)函數(shù)
    $(document).ready()要比window.onload先執(zhí)行;有時(shí)候頁面還沒有完全加載完畢而用戶已經(jīng)在操作頁面,在技術(shù)上很多情況下,只要DOM已完全加載好了,JS就可以運(yùn)行去操作DOM了,沒必要等到全部加載完成,所以用$(document).ready()來提前,但是當(dāng)使用的JS依賴 CSS 屬性值時(shí),或者需要在元素被加載之后才能使用時(shí)(例如,取得圖片的大小需要在圖片被加載完后才能知道),就需要將這樣的JS放到load事件中,以免因?yàn)樨潏D快而帶來麻煩。
  • 2.能夠添加的數(shù)量
    window.onload不能同時(shí)編寫多個(gè),因?yàn)槲也榭碬3C的時(shí)候,window.onload是一種原生的DOM的事件,決定了在window上只能添加一個(gè),后續(xù)的會覆蓋掉前面的。
    $(document).ready()可以同時(shí)編寫多個(gè),我查看jQuery中文檔,他是這么介紹的.ready()方法只能被匹配當(dāng)前文檔的jQuery對象調(diào)用,也就是說他是jQuery的方法,本質(zhì)是一個(gè)函數(shù),就可以執(zhí)行多次。
  • 3.能否簡寫
    $(document).ready()可以簡寫
    window.onload 不能簡寫
    下面是$(document).ready()的簡寫
$(document).ready(handler)
$(handler)
$().ready(handler) //這種被不推薦
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 通過jQuery,您可以選取(查詢,query)HTML元素,并對它們執(zhí)行“操作”(actions)。 jQuer...
    枇杷樹8824閱讀 731評論 0 3
  • 1.幾種基本數(shù)據(jù)類型?復(fù)雜數(shù)據(jù)類型?值類型和引用數(shù)據(jù)類型?堆棧數(shù)據(jù)結(jié)構(gòu)? 基本數(shù)據(jù)類型:Undefined、Nul...
    極樂君閱讀 5,893評論 0 106
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級特性。 1....
    LaBaby_閱讀 1,515評論 0 2
  • 原文鏈接 http://blog.poetries.top/2016/10/20/review-jQuery 關(guān)注...
    前端進(jìn)階之旅閱讀 16,959評論 18 503
  • 第93天/56次 2017、5、29 覺察日記 事實(shí):今天一家人總算是齊刷刷地去田子坊,我們一家三口很難湊齊,女兒...
    甌姐姐閱讀 207評論 0 0

友情鏈接更多精彩內(nèi)容