利用js獲取當前頁面的域名程式碼

在實際應用中可能需要動態的獲取當前頁面的域名或者說主機名，下面就介紹一下如何利用javascript實現此功能。

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
function getHost(url) {
  var host = "null";
  if(typeof url == "undefined"|| null == url) {
    url = window.location.href;
  }
  var regex = /^\w+\:\/\/([^\/]*).*/;
  var match = url.match(regex);
  if(typeof match != "undefined" && null != match) {
    host = match[1];
  }
  return host;
}

以上程式碼實現了我們的要求，要測試效果必須要在伺服器環境下完成，下面介紹一下他的實現過程。

一.程式碼註釋:

1.function getHost(url) {}，此函式可以獲取當前頁面的域名，引數是一個地址，也就是要獲取域名部分的url地址。

2.var host = "null"，宣告一個變數並賦初值為null，用來儲存域名的。

3.if(typeof url == "undefined"|| null == url) {url = window.location.href;}，判斷是否填寫url地址引數，如果沒有填寫則獲取當前頁面的url地址。

4.var regex = /^\w+\:\/\/([^\/]*).*/，用來獲取www開頭到斜槓結束部分例如www.softwhy.com/。

5.var match = url.match(regex)，獲取匹配，返回時一個陣列。

6.if(typeof match != "undefined" && null != match) {host = match[1];}，如果能夠進行匹配，則將陣列第一項賦值給host，也就是域名地址。

二.相關閱讀:

1.location.href可以參閱location.href屬性一章節。

2.match()函式可以參閱正規表示式match()函式一章節。