20170721-src和href的區(qū)別

KaltZK 發(fā)布于2019-08-01 17:12 / 2767人閱讀

摘要：超文本鏈接屬性指明了一個網(wǎng)絡(luò)資源的位置，并定義了當(dāng)前元素例如一個標(biāo)簽或者當(dāng)前文檔例如一個標(biāo)簽和這個網(wǎng)絡(luò)資源的關(guān)系。標(biāo)簽和上面的情況類似。總結(jié)用于使用外部資源填充替換對應(yīng)的元素則是建立當(dāng)前文檔和外部資源的聯(lián)系

href

href(超文本鏈接)屬性指明了一個網(wǎng)絡(luò)資源的位置，并定義了當(dāng)前元素(例如一個a標(biāo)簽)或者當(dāng)前文檔(例如一個link標(biāo)簽)和這個網(wǎng)絡(luò)資源的關(guān)系。

對于上面的代碼，瀏覽器會理解這個外部資源為樣式表，在下載這個資源的時候，頁面的下載與解析不會停止。

src

src(Source)屬性，會在當(dāng)前文檔元素定義的位置將外部資源嵌入（使用外部資源替換元素的內(nèi)容）

對于上面的代碼，當(dāng)頁面解析遇到上面的代碼時，頁面的下載與解析將會暫停，直到瀏覽器接收、編譯、執(zhí)行完script.js文件。這個過程與在script標(biāo)簽中寫入script.js內(nèi)容類似。

img標(biāo)簽和上面的情況類似。img標(biāo)簽是一個空標(biāo)簽，其src屬性對應(yīng)的圖片資源將會填充它。瀏覽器遇到img標(biāo)簽將會停止頁面的加載與解析，直到瀏覽器加載完圖片。

總結(jié)

src用于使用外部資源填充/替換對應(yīng)的元素

herf則是建立當(dāng)前文檔和外部資源的聯(lián)系

GPU云服務(wù)器云服務(wù)器寬帶和專線的區(qū)別專線和寬帶的區(qū)別空間和域名的區(qū)別功能和作用的區(qū)別

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/51018.html

相關(guān)文章

window.location.href和window.location.replace的區(qū)別

history.back和history.go方法不是根據(jù)服務(wù)器的記錄，而是根據(jù)客戶機上的歷史記錄來的，可能window.location.replace方法是直接修改了當(dāng)前頁面處的歷史記錄; window.location.href方法是正常的打開地址，所以新地址在歷史記錄中的操作是添加，但window.location.replace方法應(yīng)該是修改了當(dāng)前頁面的歷史記錄。假如你瀏覽過程如下:A...

Amos 2019-08-21 13:40 評論0 收藏0
前端面試題-url、href、src

摘要：二的格式標(biāo)準(zhǔn)格式協(xié)議類型服務(wù)器地址端口號資源層級文件路徑文件名查詢完整格式協(xié)議類型訪問資源需要的憑證信息服務(wù)器地址端口號資源層級文件路徑文件名查詢其中訪問憑證信息端口號查詢片段都屬于選填項。一、URL的概念統(tǒng)一資源定位符（或稱統(tǒng)一資源定位器/定位地址、URL地址等，英語：Uniform Resource Locator，?？s寫為URL），有時也被俗稱為網(wǎng)頁地址（網(wǎng)址）。如同在網(wǎng)絡(luò)上...

verano 2019-08-30 14:12 評論0 收藏0
前端面試題-url、href、src

摘要：二的格式標(biāo)準(zhǔn)格式協(xié)議類型服務(wù)器地址端口號資源層級文件路徑文件名查詢完整格式協(xié)議類型訪問資源需要的憑證信息服務(wù)器地址端口號資源層級文件路徑文件名查詢其中訪問憑證信息端口號查詢片段都屬于選填項。一、URL的概念統(tǒng)一資源定位符（或稱統(tǒng)一資源定位器/定位地址、URL地址等，英語：Uniform Resource Locator，?？s寫為URL），有時也被俗稱為網(wǎng)頁地址（網(wǎng)址）。如同在網(wǎng)絡(luò)上...

RobinTang 2019-08-01 18:42 評論0 收藏0
(個人筆記)在給在線簡歷添加js特效過程中遇到的問題及解決方法一

摘要：個人筆記在給在線簡歷添加特效過程中遇到的問題及解決方法一預(yù)覽頁面滾動元素的事件處理函數(shù)。語法參數(shù)是一個函數(shù)的引用。事件是當(dāng)窗口發(fā)生滾動得時候觸發(fā)的事件返回文檔在垂直方向已滾動的像素值。 (個人筆記)在給在線簡歷添加js特效過程中遇到的問題及解決方法一 github預(yù)覽頁面滾動demo 元素的 scroll 事件處理函數(shù)。語法 element.onscroll = functionR...

Yuanf 2019-08-22 17:07 評論0 收藏0
前端計劃——面試題總結(jié)-HTML篇

摘要：發(fā)生在很久以前的及更老的瀏覽器向過渡時期。數(shù)據(jù)始終在同源的請求中攜帶即使不需要，會在瀏覽器和服務(wù)器間來回傳遞。存儲大小數(shù)據(jù)大小不能超過。與上面問題相連，比也是明智的選擇。表現(xiàn)與結(jié)構(gòu)相分離。兩種設(shè)計思想是有不同的考慮。前言：吾生也有涯,而知也無涯，以有涯隨無涯，殆己————莊子閱讀本文前請做好以下心理準(zhǔn)備：本系列文章將不定期更新。本系列文章不是很嚴(yán)謹(jǐn)。前端面試之HTML篇 Pa...

2json 2019-08-01 16:08 評論0 收藏0