簡單來說 src 就是 “我想加載這個(gè)資源”，而 href 就是 “我想和這個(gè)資源建立關(guān)聯(lián)”

src 主要用于元素替換，href 用于和相關(guān)文檔和外部資源建立相關(guān)鏈接。

href 屬性說明本地Web資源和定義的資源建立了鏈接。

如：

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

瀏覽器知道這個(gè)資源是一個(gè)樣式表，解析到這個(gè)元素時(shí)不會(huì)停止，但是渲染頁面可能會(huì)停止，因?yàn)闉g覽器需要樣式規(guī)則就渲染頁面。

瀏覽器不會(huì)將css文件內(nèi)容加載進(jìn)style tag。因此我們建議使用link標(biāo)簽，而不是@import去加載樣式表。

src 屬性會(huì)嵌入相應(yīng)的資源到當(dāng)前頁面。如:

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

當(dāng)瀏覽器加載并處理頁面的時(shí)候，直到找到script.js并完成JS的編譯。才會(huì)繼續(xù)進(jìn)行后續(xù)的頁面編譯解析工作。

會(huì)加載JS的內(nèi)容到script標(biāo)簽中。這個(gè)跟img標(biāo)簽很類似。瀏覽器解析到img標(biāo)簽，會(huì)加載響應(yīng)的圖片放進(jìn)img標(biāo)簽。

這也就是為什么要把jS 文件放到文檔最后加載。在標(biāo)簽之前。

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。