成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

onload事件與ready的區(qū)別

mating / 2146人閱讀

摘要：好久沒(méi)寫(xiě)文章了，再來(lái)一波，首先上圖參考鏈接與的區(qū)別詳見(jiàn)瀏覽器工作原理瀏覽器工作原理前言頁(yè)面加載完成有兩種事件一是，表示文檔結(jié)構(gòu)結(jié)構(gòu)已經(jīng)加載完成不包含圖片等非文字媒體文件，二是，指示頁(yè)面包含圖片等文件在內(nèi)的所有元素都加載完成。

好久沒(méi)寫(xiě)文章了，再來(lái)一波，首先上圖：

參考鏈接：onload與ready的區(qū)別
詳見(jiàn)瀏覽器工作原理：瀏覽器工作原理

前言

頁(yè)面加載完成有兩種事件：
一是ready，表示文檔結(jié)構(gòu)（DOM結(jié)構(gòu)）已經(jīng)加載完成（不包含圖片等非文字媒體文件），
二是onload，指示頁(yè)面包含圖片等文件在內(nèi)的所有元素都加載完成。(可以說(shuō)：ready 在onload 前加載?。?！)
我的理解： 一般樣式控制的，比如圖片大小控制放在onload 里面加載;而：jS事件觸發(fā)的方法，可以在ready 里面加載;

$(function(){
// do something
});
其實(shí)這個(gè)就是jq ready()的簡(jiǎn)寫(xiě)，他等價(jià)于：
 
$(document).ready(function(){
//do something
})
//或者下面這個(gè)方法，jQuer的默認(rèn)參數(shù)是：“document”；
$().ready(function(){
//do something
})
body的onload事件與$(document).ready相比 加載多函數(shù)問(wèn)題

原生javascript中函數(shù)沒(méi)有重載，所以會(huì)實(shí)現(xiàn)覆蓋

a)body中聲明的onload事件（DOM0級(jí)別）會(huì)被后面的window.onlad()（DOM0級(jí)別）覆蓋

b)只能在body中的onload中實(shí)現(xiàn)多函數(shù)執(zhí)行




function a(){alert("a");}
function b(){alert("b");}

c)多個(gè)window.load()會(huì)覆蓋（如a）實(shí)例）

window.onload = function(){alert("hello");}
window.onload = function(){alert("world");}

在JQuery中你可以利用多個(gè)JQuery.Ready()方法，它們會(huì)按次序依次執(zhí)行

代碼和內(nèi)容分離問(wèn)題

body中的onload不分離
而window.onload()分離以及$(document),ready()可以分離

執(zhí)行先后順序不同（最大區(qū)別）

$(document).ready()：在DOM結(jié)構(gòu)加載完畢之后執(zhí)行
window.onload：在所有的文件加載完畢之后執(zhí)行

$(document).ready():最大的區(qū)別是DOM加載完畢之后，不必再去等圖片（異步）加載完畢后執(zhí)行js代碼

window.onload用法
$(window).load()

使用$(window).load()方法，這 個(gè)方法會(huì)等到頁(yè)面所有內(nèi)容加載完畢后才會(huì)觸發(fā)，并且同時(shí)又沒(méi)有OnLoad事件的弊端.
以下內(nèi)容會(huì)在頁(yè)面所有內(nèi)容加載完成后按先后順序依次執(zhí)行.

與之對(duì)應(yīng)的unload事件（會(huì)在頁(yè)面關(guān)閉時(shí)候執(zhí)行）

$(window).unload(function() {
            alert("good bye");
});

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/82333.html

相關(guān)文章

  • document.ready和window.onload的區(qū)別

    摘要：和的區(qū)別文檔加載完成事件頁(yè)面加載完成有兩種事件一是，表示文檔結(jié)構(gòu)已經(jīng)加載完成不包含圖片等非文字媒體文件二是，指示頁(yè)面包含圖片等文件在內(nèi)的所有元素都加載完成。即當(dāng)所有鏈接被鼠標(biāo)單擊的時(shí)候，都執(zhí)行也就是說(shuō)頁(yè)面加載時(shí)綁定，真正該觸發(fā)時(shí)觸發(fā)。 document.ready和onload的區(qū)別——JavaScript文檔加載完成事件頁(yè)面加載完成有兩種事件： 一是ready，表示文檔結(jié)構(gòu)已經(jīng)加載完...

    B0B0 評(píng)論0 收藏0

  • 前端知識(shí)普及之頁(yè)面加載

    摘要：如果你的文件涉及操作，可以直接在里面添加回調(diào)函數(shù)，或者說(shuō)基本上我們的文件都可以寫(xiě)在里面進(jìn)行調(diào)用其實(shí)，這和我們將文件放在底部，在上面加以及異步加載文件的效果是一樣一樣的。 如果大家想繼續(xù)看下面的內(nèi)容的話(huà)，有一個(gè)要求，就是回答我一個(gè)問(wèn)題:你這樣寫(xiě)過(guò)代碼嗎？ window.onload = function(){ $(.gravatar).on(click,function(){ ...

    tianyu 評(píng)論0 收藏0

  • 理解瀏覽器是如何加載及渲染網(wǎng)頁(yè)的

    摘要：的速度明顯快于重排重繪與的區(qū)別理解了瀏覽器是如何渲染頁(yè)面之后我們?cè)賮?lái)比較這兩者就很好理解了執(zhí)行的時(shí)間必須等到頁(yè)面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。 先上圖，我們?cè)俾忉專(zhuān)@圖就是瀏覽器加載網(wǎng)頁(yè)的一個(gè)過(guò)程 showImg(https://segmentfault.com/img/remote/1460000008648335?w=516&h=425); 當(dāng)我們?cè)跒g覽器輸入一個(gè)地址...

    kevin 評(píng)論0 收藏0

  • 理解瀏覽器是如何加載及渲染網(wǎng)頁(yè)的

    摘要：的速度明顯快于重排重繪與的區(qū)別理解了瀏覽器是如何渲染頁(yè)面之后我們?cè)賮?lái)比較這兩者就很好理解了執(zhí)行的時(shí)間必須等到頁(yè)面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。 先上圖，我們?cè)俾忉專(zhuān)@圖就是瀏覽器加載網(wǎng)頁(yè)的一個(gè)過(guò)程 showImg(https://segmentfault.com/img/remote/1460000008648335?w=516&h=425); 當(dāng)我們?cè)跒g覽器輸入一個(gè)地址...

    xietao3 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<