本文介绍了一种使用 JavaScript 修改网页地址栏 URL 参数的方法。通过正则表达式匹配现有参数并替换，或追加新参数，实现动态更新 URL 字符串。该方法适用于需要在前端直接操作查询字符串的场景，代码简洁且易于集成。
JavaScript 修改 URL 参数的实现方法
在现代网页开发中，经常需要处理浏览器地址栏中的参数。以往这类操作往往依赖经验，容易遗漏细节导致错误。为此，封装一个专门用于修改地址栏参数的函数，可以简化开发流程，避免手动拼接字符串带来的繁琐与潜在 bug。
以下是上述方法的完整代码，使用过程十分简单：：
具体实现代码如下：
function changeURLPar(destiny, par, par_value)
{
var pattern = par+'=([^&]*)';
var replaceText = par+'='+par_value;
if (destiny.match(pattern))
{
var tmp = '/\\'+par+'=[^&]*/';
tmp = destiny.replace(eval(tmp), replaceText);
return (tmp);
}
else
{
if (destiny.match('[\?]'))
{
return destiny+'&'+ replaceText;
}
else
{
return destiny+'?'+replaceText;
}
}
return destiny+'\n'+par+'\n'+par_value;
} 其中，destiny 代表目标 URL 字符串，例如 http://www.huistd.com/?id=3&ttt=3；par 表示需要修改的参数名称；par_value 则是该参数要赋予的新值。
调用该函数的结果示例如下：
changeURLPar(test, 'id', 99); // http://www.huistd.com/?id=99&ttt=3
changeURLPar(test, 'haha', 33); // http://www.huistd.com/?id=99&ttt=3&haha=33
该实现方式逻辑清晰，使用便捷。