課程
/前端開發
/JavaScript
/JavaScript入門篇
JavaScript代碼需要寫在<script></script>之間。有的JS代碼寫head標簽內,也有寫在body標簽內的,請問它們有什么區別嗎
2017-08-08
源自:JavaScript入門篇 1-2
正在回答
js應該放在body的底部,因為瀏覽器需要一個穩定的dom樹結構,而且js中很有可能有代碼直接改變了dom樹結構,瀏覽器為了防止出現js修改dom樹,需要重新構建dom樹的情況,所以就會阻塞其他的下載和呈現。
將javaScript放在head內和body地步的區別也在于此,放在head里面,由于瀏覽器發現head里面有JavaScript標簽就會暫時停止其他渲染行為,等待JavaScript下載并執行完成才能接著往下渲染,而這個時候由于在head里面這個時候頁面是白的;如果將JavaScript放在頁面底部,render Tree已經完成大部分,所以此時頁面有內容呈現,即使遇到JavaScript阻塞渲染,也不會有白屏出現。
渲染的順序不同,如果想讓JS盡早執行,最好放在head里面,會影響加載速度,影響后面代碼的執行;放在body里面,不會對加載速度,渲染等產生太大影響
區別不是很大,只是執行順序的不同
執行的順序不同,一個是讀完html再執行,一個是直接引用
舉報
JavaScript做為一名Web工程師的必備技術,本教程讓您快速入門
2 回答插入js問題
6 回答如何插入JS
5 回答如何插入js
4 回答關于Js的插入形式
2 回答js插入了不顯示
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-08-08
js應該放在body的底部,因為瀏覽器需要一個穩定的dom樹結構,而且js中很有可能有代碼直接改變了dom樹結構,瀏覽器為了防止出現js修改dom樹,需要重新構建dom樹的情況,所以就會阻塞其他的下載和呈現。
將javaScript放在head內和body地步的區別也在于此,放在head里面,由于瀏覽器發現head里面有JavaScript標簽就會暫時停止其他渲染行為,等待JavaScript下載并執行完成才能接著往下渲染,而這個時候由于在head里面這個時候頁面是白的;如果將JavaScript放在頁面底部,render Tree已經完成大部分,所以此時頁面有內容呈現,即使遇到JavaScript阻塞渲染,也不會有白屏出現。
2017-08-08
渲染的順序不同,如果想讓JS盡早執行,最好放在head里面,會影響加載速度,影響后面代碼的執行;放在body里面,不會對加載速度,渲染等產生太大影響
2017-08-08
區別不是很大,只是執行順序的不同
2017-08-08
執行的順序不同,一個是讀完html再執行,一個是直接引用