js为浏览器URL追加参数

一首弦曲献仙音

已于 2023-04-19 16:17:18 修改

阅读量1.3k

点赞数

分类专栏：其他文章标签： javascript 前端 html Powered by 金山文档

于 2023-03-17 18:11:28 首次发布

本文链接：https://blog.csdn.net/qq_42660374/article/details/129625969

版权

其他专栏收录该内容

19 篇文章 0 订阅

订阅专栏

该代码段展示了如何使用JavaScript的setTimeout函数结合window.history.replaceState方法来更新URL参数，而不创建新的历史记录。updateQueryStringParameter函数用于处理URL，添加或修改key=value对。

摘要由CSDN通过智能技术生成

setTimeout(()=>{
    let newurl = updateQueryStringParameter(window.location.href, 'id', '123456');
    //向当前url添加参数，没有历史记录
    window.history.replaceState({
        path: newurl
    }, '', newurl);
},1000)

function updateQueryStringParameter(uri, key, value) {
    if(!value) { return uri }
    var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
    var separator = uri.indexOf('?') !== -1 ? "&" : "?";
    if (uri.match(re)) {
        return uri.replace(re, '$1' + key + "=" + value + '$2');
    }
    else {
        return uri + separator + key + "=" + value;
    }
}

文章来源：https://blog.csdn.net/wang704987562/article/details/84631740