首頁 > web前端 > js教程 > 主體

JS如何取得網址列的參數(代碼)

不言
發布: 2018-09-15 15:51:17
原創
2901 人瀏覽過

這篇文章帶給大家的內容是關於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());
登入後複製

JS如何取得網址列的參數(代碼)

/**
         * [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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板