例如我们的页面 是含有参数的 类似于 www.baidu.com?userdata=百度用户
我们想获得 url内的userdata的数据值 那么就需要 使用下方这个正则判断方式来进行计算
window.location.href这个可以获得 window对象内的location的href 也就是我们当前页面的地址
第一种 正则方式获得
然后通过语法正则判断问号 ? 后面的数据
// 获取url的数据参数
let url =window.location.href
// // 返回参数对象
function queryURLParams(url) {
let pattern = /(\w+)=(\w+)/ig; //定义正则表达式
let parames = {}; // 定义参数对象
url.replace(pattern, ($, $1, $2) => {
parames[$1] = $2;
});
return parames;
}
let urldata = queryURLParams(url)
alert(urldata.userdata)
然后我们就可以alert弹窗提示 userdata的内容了
第二种 利用URLSearchParams语法获取
let URL = "http://www.baidu.com?name=elephant&age=25&sex=male&num=100"
function queryURLParams(URL) {
let url = URL.split("?")[1];
const urlSearchParams = new URLSearchParams(url);
const params = Object.fromEntries(urlSearchParams.entries());
return params
}
console.log(queryURLParams(URL))?
?缺点就是第二种方式 不适配IE浏览器
