DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 巧方法 JavaScript獲取超鏈接的絕對URL地址
巧方法 JavaScript獲取超鏈接的絕對URL地址
編輯:關於JavaScript     

對於Web程序員來說,處理簡單的URL格式也許會成為一場噩夢。試想一下,一個網址裡有很多組成部分都會影響你對它的解析方法:

····是否以/字符開頭
····是否以//開頭
····是否以?號開頭
····是否以#號開頭
…等等
當你想要這個地址的絕對地址時,如何判斷處理和解析?它有可能是http協議的,還可能是https協議的。夠頭痛吧。幸運的是,我們有個簡單的方法來確定它的絕對地址,就是創建一個A元素來輔助完成這個任務!

JavaScript代碼

這裡我將使用一個返回函數的JavaScript函數,這樣做有很多好處,下面會講。

var getAbsoluteUrl = (function() {
 var a;

 return function(url) {
 if(!a) a = document.createElement('a');
 a.href = url;

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

這個函數看起來有些復雜,它先將一個函數賦予一個變量,而這個函數裡有另外一個函數,還有一個預先定義的變量。有人可能會問,為什麼要內嵌一個函數,是否可以簡化成這樣:

var getAbsoluteUrl = function(url) {
 var a = document.createElement('a');
 a.href=url;
 return a.href;
}

當然這種簡單的寫法也不能算錯,但不夠完美,因為內嵌一個函數的做法雖然增加了代碼的復雜度,但它能保證A元素只被創建一次,而且可以重復利用,這樣節省了時間和內存。

也許有人會提出另外一個問題,疑惑嵌套的第二個函數裡有個if判斷,為什麼需要它,干嘛不寫成下面這樣:

var getAbsoluteUrl = (function() {
 var a = document.createElement('a');

 return function(url) {
 a.href = url;

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

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

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

大家試一下吧!

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved