詳解JavaScript中的裝載與執行

迷茫
發布: 2017-03-26 15:14:56
原創
1501 人瀏覽過

承接前面一篇文章《瀏覽器的渲染原理簡介》 ,本文來說下JavaScript的載入與執行。

通常來說,瀏覽器對於JavaScript 的運作有兩大功能:

#1) 載入後馬上執行

2 ) 執行時會阻塞頁面後續的內容(包括頁面的渲染、其他資源的下載)

所以,如果有多個JS文件被引入,那麼對於瀏覽器來說,這些JS文件將會被串列地載入並依序執行。

由於JavaScript 可能會操作 HTML文件的DOM 樹,所以瀏覽器一般都不會像並行下載CSS文件一樣並行下載JS文件,這是JS文件的特殊性造成的。因此,如果你的JavaScript想操作後面的DOM 元素,瀏覽器會報錯說找不到對象,這是因為JavaScript執行時後面的HTML被阻塞住了,操作DOM 樹時還沒有後面的節點。

傳統方式

#當你寫下以下程式碼時:

登入後複製

基本上來說,head裡的

最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!