获取URL参数并返回新的URL

置顶 Mars_Fe

于 2016-12-30 09:52:14 发布

阅读量767

点赞数

分类专栏： javascript 文章标签： url 函数

javascript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种处理URL参数的方法，包括获取特定参数值及修改URL中的参数值而不改变页面状态的技术。通过两个JavaScript函数实现：获取指定名称的参数值并进行解码；更改URL中的参数值，支持添加新参数或将现有参数更新为新值。

function getParameter(name) {
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if (r != null) {
        return decodeURI(r[2])
    }
    return null
}
function changeURLArg(url, arg, arg_val) {
    var pattern = arg + "=([^&]*)";
    var replaceText = arg + "=" + arg_val;
    if (url.match(pattern)) {
        var tmp = "/(" + arg + "=)([^&]*)/gi";
        tmp = url.replace(eval(tmp), replaceText);
        return tmp
    } else {
        if (url.match("[?]")) {
            return url + "&" + replaceText
        } else {
            return url + "?" + replaceText
        }
    }
    return url + "\n" + arg + "\n" + arg_val
}