使用JavaScript獲取絕對URL

twohappy 發(fā)布于2019-08-19 18:08 / 2747人閱讀

摘要：開發(fā)中有時需要獲取絕對默認(rèn)的中的和屬性都會返回絕對路徑，但是一些以字符串形式存儲的則處理起來會比較繁瑣，比如以或者不以開頭的以開頭的以開頭的以開頭的這時候就可以動態(tài)創(chuàng)建一個帶有或?qū)傩缘臉?biāo)簽，然后再返回這個標(biāo)簽的或?qū)傩灾颠@里在函數(shù)內(nèi)再返回一個

JavaScript 開發(fā)中有時需要獲取絕對 URL；默認(rèn)的HTML中的src和href屬性都會返回絕對路徑，但是一些以字符串形式存儲的 URL 則處理起來會比較繁瑣，比如：

以 / 或者不以 / 開頭的；

以 // 開頭的；

以 ? 開頭的；

以 # 開頭的；

……

這時候就可以動態(tài)創(chuàng)建一個帶有src或href屬性的HTML標(biāo)簽，然后再返回這個標(biāo)簽的src或href屬性值；

var getAbsoluteUrl = (function() {
  var a = null;
  return function(url) {
    a = a || document.createElement("a");
    a.href = url;

    return a.href;
    };
})();

這里在函數(shù)內(nèi)再返回一個函數(shù)的作用是，只會在第一次調(diào)用函數(shù)時創(chuàng)建一個a標(biāo)簽，而不會每次調(diào)用函數(shù)都創(chuàng)建一個a，詳細(xì)的可以參數(shù)一下這篇文章JavaScript Functions that Return Functions

中文來源 https://csspod.com/get-an-absolute-url-with-javascript/

英文源文 https://davidwalsh.name/get-absolute-url

云服務(wù)器 GPU云服務(wù)器絕對url java中獲取絕對值 js 使用絕對路徑獲取url

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

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

相關(guān)文章

富應(yīng)用中 URL 管理以及 Javascript 測試

摘要：一個是使用錨鏈接，即的方式實現(xiàn)。做程序的人大多了解測試。傳統(tǒng)的測試方法就是在完成后手動去觸發(fā)事件，然后手動輸入來檢測是否得到預(yù)期的效果。引入了測試框架后工作簡單了很多。前篇傳送門給自己挖個坑，開始去開發(fā)富應(yīng)用框架從的源碼開始說事件模型 URL 存在的意義在于使用者可以使用一段字符串就可以找到對應(yīng)的資源。富應(yīng)用中的內(nèi)容改變都是通過 Javascript 去改變文檔內(nèi)容，某種角度上來說整個...

kid143 2019-08-19 14:21 評論0 收藏0
前端面試題2017（篇幅長，附答案）

摘要：元素的位置通過以及屬性進(jìn)行規(guī)定。表明請求被正常處理了。服務(wù)器返回的響應(yīng)報文包括協(xié)議版本狀態(tài)碼解釋狀態(tài)碼的原因短語響應(yīng)首部字段實體主體。瀏覽器接受響應(yīng)，檢查里的狀態(tài)碼，并做出不同的處理方式。關(guān)于返回的狀態(tài)碼的具體說明看上個問題。說明：簡答題沒有固定答案，以下給出的答案是從別處摘錄或自己總結(jié)，有錯之處歡迎指出。 html 篇標(biāo)簽上title和alt屬性的區(qū)別是什么？ alt是htm...

Cobub 2019-08-01 17:17 評論0 收藏0
前端面試題2017（篇幅長，附答案）

摘要：元素的位置通過以及屬性進(jìn)行規(guī)定。表明請求被正常處理了。服務(wù)器返回的響應(yīng)報文包括協(xié)議版本狀態(tài)碼解釋狀態(tài)碼的原因短語響應(yīng)首部字段實體主體。瀏覽器接受響應(yīng)，檢查里的狀態(tài)碼，并做出不同的處理方式。關(guān)于返回的狀態(tài)碼的具體說明看上個問題。說明：簡答題沒有固定答案，以下給出的答案是從別處摘錄或自己總結(jié)，有錯之處歡迎指出。 html 篇標(biāo)簽上title和alt屬性的區(qū)別是什么？ alt是htm...

CODING 2019-08-20 18:21 評論0 收藏0
前端面試題2017（篇幅長，附答案）

摘要：元素的位置通過以及屬性進(jìn)行規(guī)定。表明請求被正常處理了。服務(wù)器返回的響應(yīng)報文包括協(xié)議版本狀態(tài)碼解釋狀態(tài)碼的原因短語響應(yīng)首部字段實體主體。瀏覽器接受響應(yīng)，檢查里的狀態(tài)碼，并做出不同的處理方式。關(guān)于返回的狀態(tài)碼的具體說明看上個問題。說明：簡答題沒有固定答案，以下給出的答案是從別處摘錄或自己總結(jié)，有錯之處歡迎指出。 html 篇標(biāo)簽上title和alt屬性的區(qū)別是什么？ alt是htm...

eternalshallow 2019-08-29 13:00 評論0 收藏0