JS如何獲取地址欄的參數(shù)實(shí)例講解

更新時(shí)間：2018年10月06日 12:26:45 投稿：laozhang

本篇文章給大家?guī)?lái)了關(guān)于JS如何獲取地址欄的參數(shù)實(shí)例講解，有需要的朋友們參考下。

地址：http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper

Location{

 assign:ƒ (),         // 加載新的文檔。

 hash:"#prosper",       // 設(shè)置或返回從井號(hào) (#) 開(kāi)始的 URL（錨）。

 host:"127.0.0.1:8082",    // 設(shè)置或返回主機(jī)名和當(dāng)前 URL 的端口號(hào)。

 hostname:"127.0.0.1",     // 設(shè)置或返回當(dāng)前 URL 的主機(jī)名。

 href:"http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper",   // 設(shè)置或返回完整的 URL。

 origin:"http://127.0.0.1:8082",    // 返回當(dāng)前 URL 的協(xié)議和主機(jī)名和當(dāng)前 URL 的端口號(hào)。

 pathname:"/prosperleedir/index.html",      // 設(shè)置或返回當(dāng)前 URL 的路徑部分。

 port:"8082",       // 設(shè)置或返回當(dāng)前 URL 的端口號(hào)。

 protocol:"http:",      // 設(shè)置或返回當(dāng)前 URL 的協(xié)議。

 reload:ƒ reload(),      // 重新加載當(dāng)前文檔。

 replace:ƒ (),       // 用新的文檔替換當(dāng)前文檔。

 search:"?id=6666&name=prosper",     // 設(shè)置或返回從問(wèn)號(hào) (?) 開(kāi)始的 URL（查詢部分）。

 toString:ƒ toString(),      // 返回完整的 URL。

}

加載新的文檔。

window.location.assign(http://www.baidu.com);

用新的文檔替換當(dāng)前文檔。

window.location.replace(http://www.baidu.com);

重新加載當(dāng)前文檔。

如果該方法沒(méi)有規(guī)定參數(shù)，或者參數(shù)是 false，它就會(huì)用 HTTP 頭 If-Modified-Since 來(lái)檢測(cè)服務(wù)器上的文檔是否已改變。如果文檔已改變，reload() 會(huì)再次下載該文檔。如果文檔未改變，則該方法將從緩存中裝載文檔。這與用戶單擊瀏覽器的刷新按鈕的效果是完全一樣的。

如果把該方法的參數(shù)設(shè)置為 true，那么無(wú)論文檔的最后修改日期是什么，它都會(huì)繞過(guò)緩存，從服務(wù)器上重新下載該文檔。這與用戶在單擊瀏覽器的刷新按鈕時(shí)按住 Shift 健的效果是完全一樣。

window.location.reload(true);

window.location.reload(false);

返回完整的 URL。

console.log(window.location.toString());

/**

     * [getUrlParam 獲取地址欄傳參]

     * @param {[String]} paramname [參數(shù)名]

     * @return {[String]}      [參數(shù)值]

     */

    function getUrlParam(paramname) {

           

      var reg = new RegExp("(^|&)" + paramname + "=([^&]*)(&|$)");

 

      // 查詢匹配 substr(1)刪除? match()匹配

      var s = window.location.search.substr(1).match(reg);

 

      if (s != null) {

 

        return unescape(s[2]); // unescape() 函數(shù)可對(duì)通過(guò) escape() 編碼的字符串進(jìn)行解碼。

 

      }

 

      return null;

 

    }

 

    // ?id=6666&name=prosper

    getUrlParam('id'); // s的輸出為["id=6666&","","6666","&"]

    getUrlParam('name'); // s的輸出為["name=prosper","&","prosper",""]

您可能感興趣的文章: