js獲取瀏覽器的get傳值

 

 

第一種超級省事的方法就是利用正則

方法如下：

        //獲取get傳值的方法
        function getQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return decodeURI(r[2]);
            return null;
        }


使用方法，比如想獲取get傳值里面的“age”的值

alert(getQueryString("age"));

直接調用方法，將需要的值傳入，直接方法返回值


第二種就是處理字符串，get傳值是在地址欄傳值，所以，直接獲取到地址，然后做字符串處理就好

方法如下：

            function getValue(url){
                //首先獲取地址
                var url = url || window.location.href;
                //獲取傳值
                var arr = url.split("?");
                //判斷是否有傳值
                if(arr.length == 1){
                    return null;
                }
                //獲取get傳值的個數
                var value_arr = arr[1].split("&");
                //循環生成返回的對象
                var obj = {};
                for(var i = 0; i < value_arr.length; i++){
                    var key_val = value_arr[i].split("=");
                    obj[key_val[0]]=key_val[1];
                }
                return obj;
            }

里面可以傳入地址，如果不傳入的話，就是頁面的地址

獲取方式

console.log(getValue());

直接返回的是一個對象，按對象的方式獲取即可

例子：獲取get傳值的name的值

console.log(getValue().name);

 

 

 

 

————————————————
版權聲明：本文為CSDN博主「專注前端30年」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/qq_30100043/article/details/53872035