js 修改链接参数

最新推荐文章于 2024-07-17 16:54:09 发布

最新推荐文章于 2024-07-17 16:54:09 发布 · 856 阅读

文章标签：

#js修改URL #js修改URL参数

javascript 专栏收录该内容

140 篇文章

订阅专栏

本文介绍了一种使用JavaScript来修改URL中特定参数的方法。通过一个实用的函数实现对回调URL中参数的添加或修改，包括处理不同场景下参数的存在与否。示例代码展示了如何将指定参数的值替换为新的值。

js 修改链接参数

比如,需要修改callback中的参数

callback 的值为:"http://blog.whuang.com/search?username=90003819861"

需要修改其中的参数 username的值为abc

预期结果是:'http://blog.whuang.com/search?username=abc'

核心方法:

  /**
     * callback 链接增加参数或修改参数
     * @param callback
     * @param key
     * @param val2
     * @returns {*}
     */
    parseCallbackUrl: function (callback, key, val2) {
 if (!callback) {
            return '';
        }
callback = callback.replace(/#$/, '');
        if (callback.indexOf('?') == -1) {
            callback = callback + '?' + key + '=' + val2;
        } else if (callback.indexOf('&' + key + '=') == -1 && callback.indexOf('?' + key + '=') == -1) {
            callback = callback + '&' + key + '=' + val2;
        } else {
            var regExp = new RegExp('([&?]' + key + '=)[^&]*', '');
            callback = callback.replace(regExp, ('$1' + val2));
        }
        return callback;
    }

测试代码:

 var url='http://blog.whuang.com/search?username=90003819861';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?a=b&username=90003819861';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?a=b&username=';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?rusername=90003819861';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search';
        console.log(urlUtil.parseCallbackUrl(url,'username','abc'));

        url='http://blog.whuang.com/search?userName=';
        console.log(urlUtil.parseCallbackUrl(url,'username','黄威'));