编程篇(001)-如何获取浏览器 URL 中查询字符串中的参数？

参考答案：

方法一：(基础版)

function getQueryString() {
    var sHref = window.location.href;
    var args = sHref.split("?");
    if (args[0] == sHref) {
        // 没有参数，直接返回空即可
        return "";
    }
    var arr = args[1].split("&");
    var obj = {};
    for (var i = 0; i < arr.length; i++) {
        var arg = arr[i].split("=");
        obj[arg[0]] = arg[1];
    }
    return obj;
}
var href = getQueryString();
console.log(href["categoryId"]);

方法二：(正则版, URL 存在#则不适用)

function getQueryString(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]);
    return null;
}
console.log(getQueryString("categoryId"));

方法三：(正则升级版)

function getQueryString(name) {
    // 未传参，返回空
    if (!name) return null;
    // 查询参数：先通过search取值，如果取不到就通过hash来取
    var after = window.location.search;
    after = after.substr(1) || window.location.hash.split("?")[1];
    // 地址栏URL没有查询参数，返回空
    if (!after) return null;
    // 如果查询参数中没有"name"，返回空
    if (after.indexOf(name) === -1) return null;
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    // 当地址栏参数存在中文时，需要解码，不然会乱码
    var r = decodeURI(after).match(reg);
    // 如果url中"name"没有值，返回空
    if (!r) return null;
    return r[2];
}
console.log(getQueryString("categoryId"));