JS 获取URL查询参数

方法一自己写方法实现示例代码参考自JS 获取 URL参数 | 菜鸟教程// Desc: 获取URL路径上查询参数值 // params: urlStr:完整URL路径字符串name:查询参数名 // return: URL查询参数值 function getUrlParamVal(urlStr, name){ var url new URL(urlStr); var query url.search.substr(1); var vars query.split(); for (var i0; ivars.length; i) { var pair vars[i].split(); if(pair[0] name){return pair[1];} } return null; }使用var urlString https://www.example.com:8000/path?userNo000123; console.log(getUrlParamVal(urlString, userNo)); //输出 000123方法二一行代码实现返回对象示例代码var urlStrhttps://www.example.com:8000/path?userNo000123userRole主管; //一行代码实现将URL查询参数返回到对象中 Object.fromEntries(new URLSearchParams(new URL(urlStr).search)); //返回对象如下 {userNo: 000123, userRole: 主管}方法三使用get方法得到某一键值示例代码// 1. 获取地址栏查询字符串 (?id123typebook) const queryString location.search; // 2. 创建URLSearchParams实例得到“类键值对数组”如展开后[ [a, 1], [b, 2] ]其中单个[a, 1]就是一个Entry const urlParams new URLSearchParams(queryString); // 3. 获取参数值 const id urlParams.get(id); const type urlParams.get(type);