js解析url参数的方法 js解析url参数
2021-11-09 19:42:19 爱问问
// 你是不是酱紫~
let url = window.location.search // 拿到url参数
//然后 分割、截取 ...
相信很多前端在成长是过程中都这样拿过参数 反正很繁琐 也不高大尚~
这里有两种方法你可以比较一下那种很好用:
- 第一种
/**
* @param{name} 要获取的参数名
**/
function getUrlParam(name) {
let reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
let r = window.location.search.substr(1).match(reg);
if(r!=null) return r[2]; return null;
}
(正则欠缺的你要赶紧补补啦~)
- 第二种
这一种看起来会更易懂些 简单粗暴的遍历~
/**
* @param {String} url
* @description 从URL中解析参数
*/
const getUrlParams = (url) => {
const keyValueArr = url.split("#")[1].split("&");
let paramObj = {};
keyValueArr.forEach((item) => {
const keyValue = item.split("=");
paramObj[keyValue[0]] = keyValue[1];
});
return paramObj;
}
声明:此文信息来源于网络,登载此文只为提供信息参考,并不用于任何商业目的。如有侵权,请及时联系我们:baisebaisebaise@yeah.net