[正则]改变URL中的参数值

最新推荐文章于 2022-07-25 00:45:30 发布

zccst

最新推荐文章于 2022-07-25 00:45:30 发布

阅读量385

点赞数

CC 4.0 BY-SA版权

分类专栏： Web前端-JS语言核心文章标签： JavaScript ViewUI

本文链接：https://blog.youkuaiyun.com/zccst/article/details/84719727

Web前端-JS语言核心专栏收录该内容

50 篇文章

订阅专栏

本文介绍了如何通过JavaScript函数修改URL参数，将指定参数值更改为新的值，并演示了实际应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

作者：zccst

如果一个URL是：http://www.example.com/index.html?id=100&name=xx&age=20

希望将name=meinv怎么办？


function getQueryString(name) {
	var reg = new RegExp("(\\?|^|&|\#)" + name + "=([^&|^#]*)(&|$|#)", "i");
	var r = window.location.search.substr(1).match(reg);
	if (r != null) return unescape(r[2]); return null;
}


var url = 'http://www.example.com/index.html?id=100&name=xx&age=20';
function test(key, value){
	var u = url.replace(/(\\?|^|&|\#)name=([^&|^#]*)(&|$|#)/, "$1"+key+"="+value+"$2"); 
	return u;
}
var r = test('name', 'meinv');console.log(r);
VM792:6 http://www.example.com/index.html?id=100&name=meinvxxage=20

参考：[url]http://www.jb51.net/article/43949.htm[/url]