获取url地址中参数

最新推荐文章于 2025-03-11 14:33:57 发布

原创最新推荐文章于 2025-03-11 14:33:57 发布 · 222 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

本文介绍了四种使用JavaScript获取URL参数的方法。方法一利用URLSearchParams函数；方法二通过正则表达式匹配；方法三直接对URL参数部分进行分割提取；方法四将参数分割后存入对象。这些方法可帮助开发者在JavaScript中有效处理URL参数。

方法一：
var getUrlPm = function (name) {
let PM = window.location.href.split(‘?’)[1] // 截取到参数部分
let getQy = new URLSearchParams(‘?’ + PM) //将参数放在URLSearchParams函数中
alert(‘getQy:’ + getQy);
let getqycode = getQy.get(name) //1001
return getqycode
}

方法二：
getUrlParam(name) {
var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]);
return null; //返回参数值
},

方法三：
let getqyinfo = geturl.split(‘?’)[1] //qycode=1001&qyname=%E4%BC%81%E4%B8%9A%E5%BF%99
let getqys = getqyinfo.split(‘&’) //[‘qycode=1001’, ‘qyname=%E4%BC%81%E4%B8%9A%E5%BF%99%E5%95%8A%E5%95%8A%E5%95%8A’]
let getqycode = getqys[0].split(‘=’)[1]
let getqyname = getqys[1].split(‘=’)[1]
console.log(‘qycode:’,getqycode,‘getqyname:’,getqyname)

方法四：
let getqyinfo = geturl.split(‘?’)[1]
let getqys = getqyinfo.split(‘&’)
let obj = {} //创建空对象，接收截取的参数
for(let i = 0;i < getqys.length;i++ ){
console.log(i)
let item = getqys[i].split(‘=’)
let key = item[0]
let value = item[1]
obj[key] = value
}
console.log(obj)