天天看點

src與href的差別

href 是指向網絡資源所在位置,建立和目前元素(錨點)或目前文檔(連結)之間的連結,用于超連結。

src是指向外部資源的位置,指向的内容将會嵌入到文檔中目前标簽所在位置;在請求src資源時會将其指向的資源下載下傳并應用到文檔内,例如js腳本,img圖檔和frame等元素。當浏覽器解析到該元素時,會暫停其他資源的下載下傳和處理,直到将該資源加載、編譯、執行完畢,圖檔和架構等元素也如此,類似于将所指向資源嵌入目前标簽内。這也是為什麼将js腳本放在底部而不是頭部。

有以下不同:

含義不同

src:外部資源;href:超連結

作用不同

src:下載下傳資源後嵌入到标簽元素的位置;href:建立連結

下載下傳效果不同

src:阻塞的,直到資源下載下傳,解析,處理之後; href:不會,一邊下載下傳,一邊解析文檔。

繼續閱讀