網(wǎng)頁(yè)中頭部以及各文件的引入順序

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

網(wǎng)站欄目：網(wǎng)頁(yè)中頭部以及各文件的引入順序
分享鏈接：http://m.kartarina.com/news31/54831.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供靜態(tài)網(wǎng)站、定制網(wǎng)站、網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、企業(yè)網(wǎng)站制作、網(wǎng)站營(yíng)銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)