欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript DOMContentLoaded事件案例詳解

 更新時(shí)間:2021年09月09日 08:41:41   作者:akuibpt23191  
這篇文章主要介紹了JavaScript DOMContentLoaded事件案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下

DOMContentLoaded 事件

字面上看,它會(huì)在dom加載完成后觸發(fā)。

與window.onload事件非常相似,但有一定區(qū)別:

  1. DOMContentLoaded 事件是在文檔完全加載和解析之后觸發(fā);
  2. window.onload 事件不但文檔完全加載和解析完畢,相關(guān)資源都要加載完畢,比如圖片和CSS文件等;

下一個(gè)問(wèn)題是什么時(shí)候dom加載完畢,這得從瀏覽器渲染說(shuō)起,瀏覽器顯示網(wǎng)頁(yè)的過(guò)程可以做如下描述:

1.   請(qǐng)求得到html文檔,根據(jù)文檔請(qǐng)求更多的img,css及其它資源文件;

2.   解析文檔得到兩個(gè)東西,dom tree and cssom tree;

3.   依據(jù)上面兩個(gè)tree生成render tree;

4.    根據(jù)render tree進(jìn)行布局并在其中繪制相關(guān)元素。

以webkit為例,它的渲染流程如下:

DOMContentLoaded事件觸發(fā)時(shí)機(jī):

在DOM后,RENDERtree之前。

JavaScript加載和執(zhí)行會(huì)遲滯DOMContentLoaded 事件的觸發(fā)。

JavaScript要等待CSS渲染完成再去加載和執(zhí)行,因?yàn)闉g覽器無(wú)法確定JavaScript是否需要DOM元素信息。

為確保JavaScript獲取的是最新的信息,會(huì)首先加載和渲染CSS。

參考文檔:

http://www.softwhy.com/article-9783-1.html

https://www.cnblogs.com/CandyManPing/p/6635008.html

https://www.cnblogs.com/caizhenbo/p/6679478.html

到此這篇關(guān)于JavaScript DOMContentLoaded事件案例詳解的文章就介紹到這了,更多相關(guān)JavaScript DOMContentLoaded事件內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論