js 获取url中的参数

王家五哥

于 2023-01-10 16:56:38 发布

阅读量211

点赞数

分类专栏： js小工具文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_36521848/article/details/128297394

版权

js小工具专栏收录该内容

32 篇文章 0 订阅

订阅专栏

简介：

js 获取url中的参数

效果展示：

http://127.0.0.1:8770/webqr/qrdata?sno=123&na=456

getUrlParam('sno');//123

getUrlParam('na');//456

getUrlParam2().sno;//123

代码示例：

方法一：

function getUrlParam(name) {
	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象  
	var r = window.location.search.substr(1).match(reg); //匹配目标参数
	if (r != null) {
		return decodeURIComponent(r[2]);
	}
	return null;
}

方法二：

function getUrlParam2() {
	url = window.location.href;// 通过 ? 分割获取后面的参数字符串
	let urlStr = url.split('?')[1];// 创建空对象存储参数
	let obj = {};// 再通过 & 将每一个参数单独分割出来
	let paramsArr = urlStr.split('&');
	for (let i = 0, len = paramsArr.length; i < len; i++) {// 再通过 = 将每一个参数分割为 key:value 的形式
		let arr = paramsArr[i].split('=');
		obj[arr[0]] = arr[1];
	}
	return obj
}