window.location可獲取地址欄的一系列信息，并且每個(gè)瀏覽器都支持該屬性，非常方便。而獲取到的問號(hào)后面的參數(shù)可以進(jìn)行加工轉(zhuǎn)變成我們所想要的鍵值對(duì)。

屬性名	例子	說明
hash	“#contents”	返回URL的hash（#后跟零或多個(gè)字符），如果URL中不包含散列，則返回空字符串
host	“www.ykfic.cn:80”	返回服務(wù)器名稱和端口號(hào)（如果有）
hostname	“www.sz886.com”	返回不帶端口號(hào)的服務(wù)器名稱
href	“http://www.sz886.com”	返回當(dāng)前加載頁(yè)面的完整URL。而location對(duì)象的toString()方法也返回這個(gè)值
pathname	“WileyCDA”	返回URL中的目錄或文件名
port	“8080”	返回URL中指定的端口號(hào)。如果URL中不包含端口號(hào)則返回空字符串
protocol	“http:”	返回頁(yè)面的使用協(xié)議。通常是http:或https:
search	“?q=javascript”	返回URL的查詢字符串，這個(gè)字符串以問號(hào)開頭

location的屬性：

屬性名 例子 說明
hash “#contents” 返回URL的hash（#后跟零或多個(gè)字符），如果URL中不包含散列，則返回空字符串
host “www.ykfic.cn:80” 返回服務(wù)器名稱和端口號(hào)（如果有）
hostname“www.ykfic.cn” 返回不帶端口號(hào)的服務(wù)器名稱
href “http://www.ykfic.cn” 返回當(dāng)前加載頁(yè)面的完整URL。而location對(duì)象的toString()方法也返回這個(gè)值
pathname “web” 返回URL中的目錄或文件名
port “8080” 返回URL中指定的端口號(hào)。如果URL中不包含端口號(hào)則返回空字符串
protocol “http:” 返回頁(yè)面的使用協(xié)議。通常是http:或https:
search “?q=javascript” 返回URL的查詢字符串，這個(gè)字符串以問號(hào)開頭
 
而修改了其中的任何屬性，都會(huì)使得頁(yè)面刷新，當(dāng)然頁(yè)面刷新還有其它方式。

location刷新

1 location.assign(url);            　　// 跳轉(zhuǎn)鏈接
2 location.href = url;            　　 // 跳轉(zhuǎn)鏈接
3 window.location = url;              // 跳轉(zhuǎn)鏈接
4 location.replace(url);              // 鏈接鏈接，不保存于歷史紀(jì)錄
5 location.reload();            　　  // 刷新，從緩存中讀取
6 location.reload(true);             // 刷新，重新從服務(wù)器讀取
 

獲取地址欄的參數(shù)，并以鍵值對(duì)展現(xiàn)

復(fù)制代碼
  function getQueryStringArgs() {
      var qs = (location.search.length > 0 ? location.search.substring(1) : ""),
         args = {},
         items = qs.length ? qs.split("&") : [],
          item = null,
          name = null,
          value = null,
          i = 0,
         len = items.length;
  
      for (i = 0; i < len; i++) {
         item = items[i].split("=");
          
         // decodeURIComponent解碼
          name = decodeURIComponent(item[0]);
          value = decodeURIComponent(item[1]);
         
          if (name.length) {
              args[name] = value;
          }
      }
  
      return args;
  }