src 和 href 的區(qū)別

加載js的時候,用到的是<script style="text/javascript" src="js/demo.js"></script>

加載css的時候,用到的是<link rel="stylesheet" href="css/demo.css" />

一個用到的是src,另一個用到的是href,這兩個有什么區(qū)別呢?

href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。

src 表示來源地址,在 img、script、iframe 等元素上。

src 的內容,是頁面必不可少的一部分,是引入。href 的內容,是與該頁面有關聯(lián),是引用。區(qū)別就是,引入和引用。

href是指向網(wǎng)絡資源所在位置,簡歷和當前元素(錨點)或當前文檔(鏈接)之間的鏈接,用于超鏈接。當我們寫下:

<link rel="stylesheet" href="css/demo.css" />

瀏覽器明白當前資源是一個樣式表,頁面解析不會暫停(由于瀏覽器需要樣式規(guī)則去畫或者渲染頁面,渲染過程可能會被暫停)。這與把css文件內容寫在標簽里不相同,因此建議使用link標簽而不是@import來吧樣式表導入到html文檔里。

src是指向外部資源的位置,指向的內容將會嵌入到文檔中當前標簽的所在位置;在請求src資源時會將其指向的資源下載并應用到文檔內;當瀏覽器找到:

<script src= "script.js" ></script>

在瀏覽器下載,編譯,執(zhí)行這個文件之前頁面的加載和處理會被暫停。這個過程與把js文件放到<script>標簽里類似。這也是建議把JS文件放到底部加載的原因。當然,img標簽頁與此類似。瀏覽器暫停加載直到提取和加載圖像。標簽里類似。這也是建議把JS文件放到底部加載的原因。當然,img標簽頁與此類似。瀏覽器暫停加載直到提取和加載圖像。

注:所以為了頁面加載速度,我們一般把js文件放在<body>標簽的后面。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容