巧方法 JavaScript獲取超鏈接的絕對URL地址
對于Web程序員來說，處理簡單的URL格式也許會成為一場噩夢。試想一下，一個網(wǎng)址里有很多組成部分都會影響你對它的解析方法：
····是否以/字符開頭
····是否以//開頭
····是否以?號開頭
····是否以#號開頭
…等等
當你想要這個地址的絕對地址時，如何判斷處理和解析？它有可能是http協(xié)議的，還可能是https協(xié)議的。夠頭痛吧。幸運的是，我們有個簡單的方法來確定它的絕對地址，就是創(chuàng)建一個A元素來輔助完成這個任務(wù)！
JavaScript代碼
這里我將使用一個返回函數(shù)的JavaScript函數(shù)，這樣做有很多好處，下面會講。
var getAbsoluteUrl = (function() {
var a;
return function(url) {
if(!a) a = document.createElement('a');
a.href = url;
return a.href;
};
})();
這個函數(shù)看起來有些復(fù)雜，它先將一個函數(shù)賦予一個變量，而這個函數(shù)里有另外一個函數(shù)，還有一個預(yù)先定義的變量。有人可能會問，為什么要內(nèi)嵌一個函數(shù)，是否可以簡化成這樣：
var getAbsoluteUrl = function(url) {
var a = document.createElement('a');
a.href=url;
return a.href;
}
當然這種簡單的寫法也不能算錯，但不夠完美，因為內(nèi)嵌一個函數(shù)的做法雖然增加了代碼的復(fù)雜度，但它能保證A元素只被創(chuàng)建一次，而且可以重復(fù)利用，這樣節(jié)省了時間和內(nèi)存。
也許有人會提出另外一個問題，疑惑嵌套的第二個函數(shù)里有個if判斷，為什么需要它，干嘛不寫成下面這樣：
var getAbsoluteUrl = (function() {
var a = document.createElement('a');
return function(url) {
a.href = url;
return a.href;
};
})();
這自然也是一種可以運行的寫法，而且功能不會有任何錯誤。但微妙的是，如果沒有if判斷語句，在定義這個函數(shù)的時候，即使這個函數(shù)沒有被任何代碼調(diào)用，A元素也會被初始化，而有了if判斷語句，A元素會在被實際用到時才被創(chuàng)建，不會浪費內(nèi)存和CPU。
好了，有了這個方法，不論你傳入它的是什么樣的URL地址，它都會返回絕對地址。
大家試一下吧！
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了基于純JS實現(xiàn)多張圖片的懶加載Lazy過程解析,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-10-10
本文詳細介紹了如何在瀏覽器端使用JavaScript實現(xiàn)高可靠度的人臉活體檢測,包括核心原理、可行方案、優(yōu)缺點對比以及示例代碼,感興趣的朋友一起看看吧2025-02-02
JS驗證日期的格式Y(jié)YYY-mm-dd 具體實現(xiàn)
這篇文章介紹了JS對日期格式的驗證實例，有需要的朋友可以參考一下2013-06-06
這篇文章主要為大家詳細介紹了用純JS實現(xiàn)二級菜單效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-04-04
學(xué)習(xí)jQuey中的return false
這篇文章主要介紹了jQuey中的return false作用，以及解決jquery中的return false不起作用的方法，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)簡單的搖骰子游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
本篇文章主要介紹了JS判斷瀏覽器類型和詳細區(qū)分IE各版本瀏覽器的代碼，非常具有實用價值，有興趣的可以了解一下。2017-03-03
HTTP請求中,Content-Type頭部用于指定請求體或響應(yīng)體的類型,常見的有application/x-www-form-urlencoded、multipart/form-data、application/json、text/plain、application/xml等,常用請求方式包括Get、Post、Put、Delete2024-09-09
這篇文章主要介紹了js獲取滾動距離的方法,涉及javascript針對頁面滾動條的相關(guān)操作技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細介紹了本地存儲localStorage的用法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07