JavaScript获取url参数

古兮!怪哉

于 2017-08-15 21:08:34 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： url javascript query 正则 location

本文链接：https://blog.youkuaiyun.com/michael8512/article/details/77200086

JavaScript 专栏收录该内容

67 篇文章

订阅专栏

本文介绍了一种使用JavaScript从URL中提取查询字符串参数的方法，并提供了两种不同的实现方式：一种适用于单参数场景，另一种适用于多参数场景。这两种方法均可帮助开发者轻松地获取URL中的参数值。

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

function getQueryString(){
	var url=location.search;
	if(url.indexOf('?')!=-1){
		var str=url.slice(1);
		var strs=str.split('&');
		var obj={};
		for (var i = 0; i < strs.length; i++) {
			var key=strs[i].split('=')[0];
			var val=unescape(strs[i].split('=')[1]);
			obj[key]=val;
		}
		return obj;
	}
}

如果url中参数只要一个，可以采用正则表达式获取

function getQueryStringReg(){
	var url=location.search;
	var pattern=/(\w+)=(\w+)/;
	var res=url.match(pattern);
	if(res){
		var obj={};
		obj[res[1]]=res[2];
		return obj;
	}
}