資訊專欄INFORMATION COLUMN
摘要：和的區(qū)別文檔加載完成事件頁面加載完成有兩種事件一是，表示文檔結(jié)構(gòu)已經(jīng)加載完成不包含圖片等非文字媒體文件二是，指示頁面包含圖片等文件在內(nèi)的所有元素都加載完成。即當所有鏈接被鼠標單擊的時候，都執(zhí)行也就是說頁面加載時綁定，真正該觸發(fā)時觸發(fā)。
document.ready和onload的區(qū)別——JavaScript文檔加載完成事件
頁面加載完成有兩種事件：
一是ready，表示文檔結(jié)構(gòu)已經(jīng)加載完成（不包含圖片等非文字媒體文件）；
二是onload，指示頁面包含圖片等文件在內(nèi)的所有元素都加載完成。
1、Dom Ready
使用jq時一般都是這么開始寫腳本的：
$(function(){
// do something
});
例如：
$(function() {
$("a").click(function() {
alert("Hello world!");
});
})
這個例子就是給所有的a標簽綁定了一個click事件。即當所有鏈接被鼠標單擊的時候，都執(zhí)行 alert("Hello World!");
也就是說頁面加載時綁定，真正該觸發(fā)時觸發(fā)。
其實這個就是jq ready()的簡寫，它等價于：
復(fù)制代碼
$(document).ready(function(){
//do something
})
//或者下面這個方法，jQuer的默認參數(shù)是：“document”；
$().ready(function(){
//do something
})
復(fù)制代碼
這個就是jq ready()的方法就是Dom Ready，他的作用或者意義就是:在DOM加載完成后就可以可以對DOM進行操作。
一般情況一個頁面響應(yīng)加載的順序是，域名解析-加載html-加載js和css-加載圖片等其他信息。
那么Dom Ready應(yīng)該在“加載js和css”和“加載圖片等其他信息”之間，就可以操作Dom了。
2、Dom Load
用原生的js的時候我們通常用onload時間來做一些事情，比如：
復(fù)制代碼
window.onload=function(){
//do something
}
//或者經(jīng)常用到的圖片
document.getElementById("imgID").onload=function(){
//do something
}
復(fù)制代碼
這種就是Dom Load，他的作用或者意義就是：在document文檔加載完成后就可以對DOM進行操作，document文檔包括了加載圖片等其他信息。
那么Dom Load就是在頁面響應(yīng)加載的順序中的“加載圖片等其他信息”之后，就可以操作Dom了。
最后附上一段在所有DOM元素加載之前執(zhí)行的jQuery代碼。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/100318.html
摘要：好久沒寫文章了，再來一波，首先上圖參考鏈接與的區(qū)別詳見瀏覽器工作原理瀏覽器工作原理前言頁面加載完成有兩種事件一是，表示文檔結(jié)構(gòu)結(jié)構(gòu)已經(jīng)加載完成不包含圖片等非文字媒體文件，二是，指示頁面包含圖片等文件在內(nèi)的所有元素都加載完成。 好久沒寫文章了，再來一波，首先上圖： showImg(https://segmentfault.com/img/bVLD32?w=1105&h=244); 參考...
摘要：和的區(qū)別是上面定義的方法在樹加載完成后就會執(zhí)行，而是在頁面資源比如圖片和媒體資源，它們的加載速度遠慢于的加載速度加載完成之后才執(zhí)行。也就是說要比先執(zhí)行。驗證一下要比先執(zhí)行執(zhí)行這段代碼之后，你會看到瀏覽器里面會先彈出在彈出。 jQuery 里面的文檔就緒用法 在jQuery里面，我們可以看到兩種寫法:$(function(){}) 和 $(document).ready(function...
摘要：的速度明顯快于重排重繪與的區(qū)別理解了瀏覽器是如何渲染頁面之后我們再來比較這兩者就很好理解了執(zhí)行的時間必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。 先上圖，我們再慢慢解釋，這圖就是瀏覽器加載網(wǎng)頁的一個過程 showImg(https://segmentfault.com/img/remote/1460000008648335?w=516&h=425); 當我們在瀏覽器輸入一個地址...
摘要：的速度明顯快于重排重繪與的區(qū)別理解了瀏覽器是如何渲染頁面之后我們再來比較這兩者就很好理解了執(zhí)行的時間必須等到頁面內(nèi)包括圖片的所有元素加載完畢后才能執(zhí)行。 先上圖，我們再慢慢解釋，這圖就是瀏覽器加載網(wǎng)頁的一個過程 showImg(https://segmentfault.com/img/remote/1460000008648335?w=516&h=425); 當我們在瀏覽器輸入一個地址...
閱讀 2100·2023-04-25 20:52
閱讀 2487·2021-09-22 15:22
閱讀 2125·2021-08-09 13:44
閱讀 1770·2019-08-30 13:55
閱讀 2809·2019-08-23 15:42
閱讀 2284·2019-08-23 14:14
閱讀 2877·2019-08-23 13:58
閱讀 3008·2019-08-23 11:49
