js獲取地址欄參數，攜帶參數跳轉頁面

 

1.獲取地址欄參數

/**
 * qs2obj('file:///E:/wamp/www/11-10-yunnan/column_xwdt.html?abc=1&aaa=2')
 * qs2obj(window.location.href).abc)
 * @param {String} url url地址欄
 * @return {Object}
 */
function qs2obj(url) {
    var qs = url.split("?")[1];
    var arr = [];
    var res = {};
    if(!qs) {
        // return res;
    } else {
        arr = qs.split("&");
        for(var i = 0, len = arr.length; i < len; i++) {
            var key = arr[i].split("=")[0];
            var val = arr[i].split("=")[1];
            res[key] = decodeURIComponent(val);
        }
    }
    return res;
}

 

2.將對象轉換為地址欄參數

/**
 * obj2qs({'a':1,'b':2})
 * @author alan
 * @param {Object} obj 需要拼接的參數對象
 * @return {String}
 * */
function obj2qs(obj) {
    if(!obj && !Object.keys(obj).length) {
        return "";
    } else {
        var arr = [];
        for(var key in obj) {
            arr.push(key + "=" + obj[key]);
        }
        return arr.join("&");
    }
}

 

3.JS攜帶參數跳轉頁面

// 跳轉頁面js
// goPage('single_detail.html')
// goPage('single_detail.html',{'id':12,'val':123})
function goPage(_src,_obj){
    _obj?window.location.href= _src + '?'+obj2qs(_obj):window.location.href= _src;

}