JS获取URL参数值

代码：

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

正则表达式的含义：匹配行首或符号&或符号#或符号?, 变量name, 固定字符=, 非符号&重复0次或多次,&符号或行尾

调用方法：

alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2")); 
alert(GetQueryString("参数名3")); 

获取URL其他相关属性

let url = window.location.href;
console.log(url)

// 返回当前页面的路径和文件名，如：/testdemo/test.html
let pathname = window.location.pathname;
console.log(pathname)

// 返回 web 主机的端口，如：8080
let port = window.location.port;
console.log(port)

// 返回所使用的 web 协议，如：http:
let protocol = window.location.protocol;
console.log(protocol)

// 获取参数，如：?id=1&name=test
let search = window.location.search;
console.log(search)

// 获取带参数的 url /manage/table/Village?uygu=321
console.log(pathname+search);