天天看點

js中src與href的差別

src用于替換目前元素,href用于在目前文檔和引用資源之間确立聯系。

src是source的縮寫,指向外部資源的位置,指向的内容将會嵌入到文檔中目前标簽所在位置;在請求src資源時會将其指向的資源下載下傳并應用到文檔内,例如js腳本,img圖檔和frame等元素。

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

href是Hypertext Reference的縮寫,指向網絡資源所在位置,建立和目前元素(錨點)或目前文檔(連結)之間的連結,如果我們在文檔中添加

那麼浏覽器會識别該文檔為css檔案,就會并行下載下傳資源并且不會停止對目前文檔的處理。這也是為什麼建議使用link方式來加載css,而不是使用@import方式。

繼續閱讀