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