js獲得頁面get跳轉的參數

通過js獲得頁面跳轉參數

頁面通過window.location.href或通過window.parent.location.href進行頁面跳轉，在新的頁面如何獲得相應的參數呢？

window.location.href方式

其中去除“#”号是因為url參數中還添加了#的參數。

function GetRequest(name) {
    var url = window.location.search; //擷取url中"?"符後的字串
    // var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        if(str.indexOf("#" != -1)){
            str = str.substr(0);
        }
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            if(strs[i].indexOf(name) != -1){
                return strs[i].split("=")[1];
            }
        }
    }
    return null;
}           

window.parent.location.href

function GetRequest(name) {
    var url = window.parent.location.search; //擷取url中"?"符後的字串
    // var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        if(str.indexOf("#" != -1)){
            str = str.substr(0);
        }
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            if(strs[i].indexOf(name) != -1){
                return strs[i].split("=")[1];
            }
        }
    }
    return null;
}           

這兩者差別的地方是擷取的url，與跳轉的頁面方式保持一直。

其他方式

網絡上也提供了其他方式，可參照上面對應修改獲得url的方式。

function GetRequest() {
 var url = window.location.search; //擷取url中"?"符後的字串
 var theRequest = new Object();
 if (url.indexOf("?") != -1) {
     var str = url.substr(1);
     strs = str.split("&");
     for(var i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
     }
 }
 return theRequest;
           

原文連結：https://www.choupangxia.com/2019/08/04/js%e8%8e%b7%e5%be%97%e9%a1%b5%e9%9d%a2get%e8%b7%b3%e8%bd%ac%e7%9a%84%e5%8f%82%e6%95%b0/

posted on 2019-08-04 12:53 程式新視界 閱讀(...) 評論(...) 編輯 收藏