JavaScript获取url参数

最新推荐文章于 2025-04-02 06:05:29 发布

原创最新推荐文章于 2025-04-02 06:05:29 发布 · 188 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#url #javascript #query #正则 #location

JavaScript 专栏收录该内容

67 篇文章

订阅专栏

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

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;
	}
}