JS如何取得網址列的參數（代碼）

這篇文章帶給大家的內容是關於javascript如何取得網址列的參數（程式碼），有一定的參考價值，有需要的朋友可以參考一下，希望對你有幫助。

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

Location{
  assign:ƒ (),                 // 加载新的文档。
  hash:"#prosper",              // 设置或返回从井号 (#) 开始的 URL（锚）。
  host:"127.0.0.1:8082",       // 设置或返回主机名和当前 URL 的端口号。
  hostname:"127.0.0.1",          // 设置或返回当前 URL 的主机名。
  href:"http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper",     // 设置或返回完整的 URL。
  origin:"http://127.0.0.1:8082",       // 返回当前 URL 的协议和主机名和当前 URL 的端口号。
  pathname:"/prosperleedir/index.html",            // 设置或返回当前 URL 的路径部分。
  port:"8082",              // 设置或返回当前 URL 的端口号。
  protocol:"http:",           // 设置或返回当前 URL 的协议。
  reload:ƒ reload(),            // 重新加载当前文档。
  replace:ƒ (),              // 用新的文档替换当前文档。
  search:"?id=6666&name=prosper",          // 设置或返回从问号 (?) 开始的 URL（查询部分）。
  toString:ƒ toString(),           // 返回完整的 URL。
}

 載入新的文件.

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

用新的文件取代目前文件。

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

重新載入目前文件。

 如果該方法沒有規定參數，或者參數是 false，它就會用 HTTP 頭 If-Modified-Since 來偵測伺服器上的文件是否已改變。如果文件已改變，reload() 會再次下載該文件。如果文件未改變，則該方法將從快取中裝載文件。這與使用者點擊瀏覽器的刷新按鈕的效果是完全一樣的。

 如果把該方法的參數設為 true，那麼無論文件的最後修改日期是什麼，它都會繞過緩存，從伺服器上重新下載該文件。這與使用者在點擊瀏覽器的刷新按鈕時按住 Shift 健的效果是完全一樣。   

window.location.reload(true);
window.location.reload(false);

#回傳完整的 URL。

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

/**
         * [getUrlParam 获取地址栏传参]
         * @param  {[String]} paramname [参数名]
         * @return {[String]}           [参数值]
         */
        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() 函数可对通过 escape() 编码的字符串进行解码。

            }

            return null;

        }

        // ?id=6666&name=prosper
        getUrlParam('id'); // s的输出为["id=6666&","","6666","&"]
        getUrlParam('name'); // s的输出为["name=prosper","&","prosper",""]

相關推薦：

#用javascript取得網址列參數_javascript技巧

#

以上是JS如何取得網址列的參數（代碼）的詳細內容。更多資訊請關注PHP中文網其他相關文章！