js获取当前页url参数值的几种方式

来源:IT星空
访问量:347
发布日期:2023-07-08

方法一:采用正则表达式获取地址栏参数 (代码简洁,重点正则)

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

调用方法:
let 参数1 = getQueryString("参数名1");

 

方法二:split拆分法(易于理解,代码中规)

function getQueryVariable(variable){
	let query = window.location.search.substring(1);
	let vars = query.split("&");
	for (let i=0;i<vars.length;i++) {
		let pair = vars[i].split("=");
		if(pair[0] == variable){
			return pair[1];
		}
	}
	return false;
}

调用方法:
let 参数1 = getQueryVariable("参数名1");