1，關于DOM編程
?????? DOM編程主要是對dom樹節點進行操作，所以你必須掌握基本的節點類型，如何去獲取節點名字以及值（這些相關知識你可以去網上查，這里推薦一個慕課學習網站->https://www.imooc.com/video/9491）。

2 ,瀏覽器渲染過程

?????? 解析html ，構建dom樹（構建dom節點） -->? 構建渲染樹（加入css）-->布局渲染樹（布局dom節點）-->繪制dom節點（繪制dom節點）

3，domReady

????? 由于dom編程是對dom樹進行操作的，所以加載外文件（js）最好的時間是在dom樹加載完畢的時候就開始加載。一下是幾種不同的加載方式對比。

???? 1)運用定時器方法

???????? 在規定多長時間后進行加載? （缺點：不確定性，不知道dom樹什么時候加載完畢，而且中間會有一個變化時間）

????????? 具體方法 setTimeout(function(){},執行時間長短單位毫秒)

???? 2)運用window.onload = function(){}；具體含義就是頁面全部加載完成時再執行，初學js者一般使用的方法，缺點就是加載響應慢，因為要等所以資源加載完畢在運行代碼，

???????? 像一些圖片資源加載速度過慢就會影響腳本的執行時間

??????
???? 3) 最好的一種方法就是在dom加載完畢立即執行js，無需等待其他的資源加載

?????????? 第一： 如果支持DOMContentLoaded就是用它，但是對于較低版本的IE瀏覽器不支持怎么辦了？當然就用著名的Hack兼容，兼容原理大概就是IE的??????????????????????????????????????? doucument.doucumentElement.doScorll('left')來判斷DOM樹是否創建完畢。

????????? 第二：目前大量的前端框架都封裝好了前面兩種方法。如Jquery使用如下格式就行了：

??????????? $(document).ready(function(){});

???????

????? ?? 上面是今天的分享，希望對你有幫助。 ??

??????????

????????

?

????????

????????

?????????

????????

????

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的DOM编程以及domReady加载的几种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。