承接前面一篇文章《瀏覽器的渲染原理簡介》 ,本文來說下JavaScript的載入與執行。
通常來說,瀏覽器對於JavaScript 的運作有兩大功能:
#1) 載入後馬上執行
2 ) 執行時會阻塞頁面後續的內容(包括頁面的渲染、其他資源的下載)
所以,如果有多個JS文件被引入,那麼對於瀏覽器來說,這些JS文件將會被串列地載入並依序執行。
由於JavaScript 可能會操作 HTML文件的DOM 樹,所以瀏覽器一般都不會像並行下載CSS文件一樣並行下載JS文件,這是JS文件的特殊性造成的。因此,如果你的JavaScript想操作後面的DOM 元素,瀏覽器會報錯說找不到對象,這是因為JavaScript執行時後面的HTML被阻塞住了,操作DOM 樹時還沒有後面的節點。
傳統方式
#當你寫下以下程式碼時:
基本上來說,head裡的