JavaScript 獲取當前域名

在實際應用中可能需要動態的獲取當前頁面的域名或者說主機名，下面就介紹一下如何利用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()一章節。