面試官:問個簡單的問題,href和src的區別你知道嗎?

又到了畢業季,針對接下來很多應屆生面臨找工作面試的問題,我將會總結一些前端面試常見的問題和大家分享。希望能幫助到即將進入職場的同學們。前端行業就是今天顛覆昨天,明天顛覆今天的行業。唯有努力向前奔跑,才能留在原地。話不多說,我們開始吧。

面試官:問個簡單的問題,href和src的區別你知道嗎?

href 和 src的區別

1 請求資源類型不同

(1)href 指向網絡資源所在位置,建立和當前元素(錨點)或當前文檔(鏈接)之間的聯繫。

(2)在請求 src 資源時會將其指向的資源下載並應用到文檔中,比如 JavaScript 腳本,img 圖片;


2 作用結果不同

(1)href 用於在當前文檔和引用資源之間確立聯繫;

(2)src 用於替換當前內容;


3 瀏覽器解析方式不同

(1)若在文檔中添加 ,瀏覽器會識別該文檔為 CSS 文件,就會並行下載資源並且不會停止對當前文檔的處理。這也是為什麼建議使用 link 方式加載 CSS,而不是使用 @import 方式。

(2)當瀏覽器解析到 ,會

暫停其他資源的下載和處理,直到將該資源加載、編譯、執行完畢,圖片和框架等也如此,類似於將所指向資源應用到當前內容。這也是為什麼建議把 js 腳本放在底部而不是頭部的原因。


分享到:


相關文章: