網(wǎng)頁(yè)中頭部以及各文件的引入順序
發(fā)布時(shí)間：2019-03-28來(lái)源：admin
<p>
在平時(shí)的網(wǎng)頁(yè)制作中不知道前端的小伙伴們有沒(méi)有注意過(guò)需要外鏈的各文件的引入順序？在網(wǎng)頁(yè)制作的過(guò)程中命名引入了這個(gè)文件，但是js卻報(bào)錯(cuò)沒(méi)有找到這個(gè)文件？下面我們就來(lái)說(shuō)一下html中各文件的正確引入方式。<br />
因?yàn)闉g覽器讀取文件的順序是從上往下來(lái)讀取的，所以一般重要的東西都放在html文件的頭部，比如文檔聲明，語(yǔ)言編碼格式，關(guān)鍵詞等等；那么外鏈的文件應(yīng)該怎么放入html才合適呢？<br />
通常情況下，html文件除了需要引入圖片之外也就需要引入js和css了。那我們就先來(lái)說(shuō)一下css的引入順序！有做過(guò)前端或者有點(diǎn)擊多F12查看過(guò)網(wǎng)頁(yè)源代碼的小伙伴們都知道css文件都是在head標(biāo)簽中引入的；但是css文件也是有自己的引入順序的，一般情況下為了防止框架定義的標(biāo)簽樣式與自己想要的標(biāo)簽樣式與沖突，所以一般情況下先引入框架的css樣式，然后再引入樣式清除文件，以處理兼容性以及各瀏覽器差異的問(wèn)題。最后再引入公共樣式文件和單頁(yè)面文件。<br />
而通常js文件引入與寫(xiě)入?yún)s有些門(mén)道了。一些需要瀏覽器頁(yè)面還沒(méi)有加載完成甚至還沒(méi)有加載的時(shí)候就要執(zhí)行的js文件要放在HTML的頭部，比如通過(guò)判斷來(lái)實(shí)現(xiàn)是否用https協(xié)議的js就要放在css文件之上；這樣才能盡可能的節(jié)約用戶(hù)等待時(shí)間，雖然現(xiàn)在電腦下載加載速度很快，但是引用邏輯也很重要的，可以減少很多電腦做的無(wú)用功。如果你布不得不放在頭部的js又引入了別的js框架，那么這個(gè)js框架的引入就要放在你的js代碼之上，否則js有可能會(huì)報(bào)錯(cuò)。其他的js文件引入和js代碼要放到body的最底部。因?yàn)橹挥性陧?yè)面加載完成之后，才可以使用js所操作的dom，而且動(dòng)畫(huà)一般都是立即執(zhí)行的，如果js位置放的不恰當(dāng)，先有js的話(huà)，在js操作dom的時(shí)候找不到這個(gè)dom，js就會(huì)報(bào)錯(cuò)然后會(huì)影響到后面js代碼的執(zhí)行。所以js文件的引入要更加的嚴(yán)格。<br />
希望這篇文章能規(guī)范有這些引用問(wèn)題的小伙伴們的文件引入順序，減少以后工作中出現(xiàn)的問(wèn)題。
</p>
<p>
<br />
</p>
聯(lián)系方式： 0755-84185494
