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

在平時(shí)的網(wǎng)頁(yè)制作中不知道前端的小伙伴們有沒(méi)有注意過(guò)需要外鏈的各文件的引入順序？在網(wǎng)頁(yè)制作的過(guò)程中命名引入了這個(gè)文件，但是js卻報(bào)錯(cuò)沒(méi)有找到這個(gè)文件？下面我們就來(lái)說(shuō)一下html中各文件的正確引入方式。因?yàn)闉g覽器讀取文件的順序是從上往下來(lái)讀取的，所以一般重要的東西都放在html文件的頭部，比如文檔聲明，語(yǔ)言編碼格式，關(guān)鍵詞等等；那么外鏈的文件應(yīng)該怎么放入html才合適呢？通常情況下，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è)面文件。而通常js文件引入與寫入?yún)s有些門道了。一些需要瀏覽器頁(yè)面還沒(méi)有加載完成甚至還沒(méi)有加載的時(shí)候就要執(zhí)行的js文件要放在HTML的頭部，比如通過(guò)判斷來(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ī)范有這些引用問(wèn)題的小伙伴們的文件引入順序，減少以后工作中出現(xiàn)的問(wèn)題。

網(wǎng)站欄目：網(wǎng)頁(yè)中頭部以及各文件的引入順序
分享鏈接：http://www.muchs.cn/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)