前端获取URL参数是项目开发中经常用到的功能。我们可以利用split方法将参数提取出来,该方法比较常用,而且容易理解(无关正则表达式)。
//获取URL参数的函数
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 decodeURI(pair[1]); //对中文参数进行编码
}
}
return (false);
}
注意:如果上面这段代码是在一个iframe中,需要获取的父窗口的URL地址。因此代码需改为如下:
//获取URL参数的函数
function getQueryVariable(variable) {
let query = window.parent.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 decodeURI(pair[1]); //对中文参数进行编码
}
}
return (false);
}