····是否以/字符開頭
····是否以//開頭
····是否以?號開頭
····是否以#號開頭
…等等
當(dāng)你想要這個地址的絕對地址時，如何判斷處理和解析？它有可能是http協(xié)議的，還可能是https協(xié)議的。夠頭痛吧。幸運(yùn)的是，我們有個簡單的方法來確定它的絕對地址，就是創(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;
}

當(dāng)然這種簡單的寫法也不能算錯，但不夠完美，因?yàn)閮?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;
 };
})();

這自然也是一種可以運(yùn)行的寫法，而且功能不會有任何錯誤。但微妙的是，如果沒有if判斷語句，在定義這個函數(shù)的時候，即使這個函數(shù)沒有被任何代碼調(diào)用，A元素也會被初始化，而有了if判斷語句，A元素會在被實(shí)際用到時才被創(chuàng)建，不會浪費(fèi)內(nèi)存和CPU。

好了，有了這個方法，不論你傳入它的是什么樣的URL地址，它都會返回絕對地址。

大家試一下吧！

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: