4 回答

TA貢獻(xiàn)1884條經(jīng)驗(yàn) 獲得超4個(gè)贊
在ready
HTML文檔加載后發(fā)生的事件,而該onload
事件時(shí),所有內(nèi)容(例如圖像)也已經(jīng)被加載后發(fā)生。
該onload
事件是DOM中的標(biāo)準(zhǔn)事件,而ready
事件特定于jQuery。ready
事件的目的是它應(yīng)該在文檔加載后盡早發(fā)生,以便為頁(yè)面中的元素添加功能的代碼不必等待加載所有內(nèi)容。

TA貢獻(xiàn)1776條經(jīng)驗(yàn) 獲得超12個(gè)贊
window.onload
是內(nèi)置的JavaScript事件,但由于它的實(shí)現(xiàn)在瀏覽器(Firefox,Internet Explorer 6,Internet Explorer 8和Opera)中有微妙的怪癖,jQuery提供了抽象的東西,并在頁(yè)面的DOM準(zhǔn)備好后立即觸發(fā)(不等待圖像等)。document.ready
$(document).ready
(請(qǐng)注意,它不是 document.ready
,未定義)是一個(gè)jQuery函數(shù),包裝并提供以下事件的一致性:
document.ondomcontentready
/document.ondomcontentloaded
- 加載文檔的DOM時(shí)可能會(huì)觸發(fā)的新事件(可能是在加載圖像等之前的某個(gè)時(shí)間); 再次,在Internet Explorer和世界其他地方略有不同和
window.onload
(甚至在舊瀏覽器中實(shí)現(xiàn)),在整個(gè)頁(yè)面加載時(shí)觸發(fā)(圖像,樣式等)

TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊
$(document).ready()
是一個(gè)jQuery事件。$(document).ready()
一旦DOM準(zhǔn)備好就會(huì)調(diào)用JQuery的方法(這意味著瀏覽器已經(jīng)解析了HTML并構(gòu)建了DOM樹)。這使您可以在文檔準(zhǔn)備好被操作后立即運(yùn)行代碼。
例如,如果瀏覽器支持DOMContentLoaded事件(就像許多非IE瀏覽器那樣),那么它將觸發(fā)該事件。(請(qǐng)注意,DOMContentLoaded事件僅在IE9 +中添加到IE中。)
可以使用兩種語(yǔ)法:
$( document ).ready(function() { console.log( "ready!" );});
或速記版本:
$(function() { console.log( "ready!" );});
要點(diǎn)$(document).ready()
:
它不會(huì)等待加載圖像。
用于在DOM完全加載時(shí)執(zhí)行JavaScript。把事件處理程序放在這里。
可以多次使用。
更換
$
用jQuery
,當(dāng)你收到“$沒有定義”。如果您想操縱圖像,則不使用。請(qǐng)
$(window).load()
改用。
window.onload()
是一個(gè)本機(jī)JavaScript函數(shù)。該window.onload()
事件觸發(fā)時(shí),所有的頁(yè)面上的內(nèi)容已加載,包括DOM(文檔對(duì)象模型),橫幅廣告和圖像。兩者之間的另一個(gè)區(qū)別是,雖然我們可以有多個(gè)$(document).ready()
函數(shù),但我們只能有一個(gè)onload
函數(shù)。
添加回答
舉報(bào)