JavaScript 修改 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

该实现方式逻辑清晰，使用便捷。