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

本文題目：網頁中頭部以及各文件的引入順序
轉載注明：http://m.2m8n56k.cn/news/54831.html

成都網站建設公司_創新互聯，為您提供網站排名、品牌網站設計、搜索引擎優化、關鍵詞優化、網站設計、品牌網站制作

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯