小編給大家分享一下css放上面js放下面的原因，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

你所需要的網(wǎng)站建設(shè)服務(wù)，我們均能行業(yè)靠前的水平為你提供.標(biāo)準(zhǔn)是產(chǎn)品質(zhì)量的保證，主要從事網(wǎng)站建設(shè)、網(wǎng)站制作、企業(yè)網(wǎng)站建設(shè)、成都做手機(jī)網(wǎng)站、網(wǎng)頁設(shè)計(jì)、品牌網(wǎng)站制作、網(wǎng)頁制作、做網(wǎng)站、建網(wǎng)站。創(chuàng)新互聯(lián)公司擁有實(shí)力堅(jiān)強(qiáng)的技術(shù)研發(fā)團(tuán)隊(duì)及素養(yǎng)的視覺設(shè)計(jì)專才。

css放上面js放下面的原因：1、在加載html生成DOM tree的時(shí)候，可以同時(shí)對DOM tree進(jìn)行渲染，這樣可以防止閃跳，白屏或者布局混亂；2、javascript加載后會(huì)立即執(zhí)行，同時(shí)會(huì)阻塞后面的資源加載。

href和src的區(qū)別

一般加載CSS用href,并放在頭部；加載script用src，放在body內(nèi)的下方。

href

是hypertext reference的縮寫，表示超文本引用，用來建立當(dāng)前元素和文檔間的鏈接。常用的有l(wèi)ink，a。

當(dāng)CSS使用href引用，瀏覽器會(huì)識別該文檔問CSS，并行下載，不會(huì)停止對當(dāng)前文檔的加載。

src

是source的縮寫，是資源，頁面必不可少的一部分，src指向的內(nèi)容會(huì)嵌入到文檔中當(dāng)前標(biāo)簽的位置。常用的有img, script, iframe。

當(dāng)script使用src引用，瀏覽器解析到該元素時(shí)會(huì)停止對文檔的渲染，直到該資源加載完成。這也是將script放底部而不是頭部的原因。

把CSS放頭部，script放下方的原因

1、CSS放頭部

在加載html生成DOM tree的時(shí)候，就可以同時(shí)對DOM tree進(jìn)行渲染。

這樣可以防止閃跳，白屏或者布局混亂。

2、javascript放在后面

javascript可能會(huì)改變DOM tree的結(jié)構(gòu)，所以需要一個(gè)穩(wěn)定的DOM tree。

javascript加載后會(huì)立即執(zhí)行，同時(shí)會(huì)阻塞后面的資源加載。（javascript加載和執(zhí)行的特點(diǎn)）

拓展知識：

1、首先讓我們先認(rèn)識幾個(gè)常見的問題：

1.在進(jìn)行頁面優(yōu)化的時(shí)候，需要將css放在頭部，將js文件放在尾部，這樣做為什么能夠?qū)崿F(xiàn)頁面的優(yōu)化?

2.在使用jquery的時(shí)候，為什么把函數(shù)寫在$(document).ready()事件中？

3.javascript會(huì)阻塞dom的解析。

當(dāng)解析過程中遇到