js获取当前页面地址中的参数

JavaScript 提供了多种方法来从 URL 中获取参数：
1. URLSearchParams 接口
URLSearchParams 是一个表示 URL 参数集合的接口：
javascript
const params = new URLSearchParams(window.location.search);
console.log(params.get("paramName")); // 获取名为 "paramName" 的参数值
2. window.location.search 属性
window.location.search 属性包含 URL 中的参数部分（不包括 '?' 字符）：
javascript
const searchParams = window.location.search;
const params = new URLSearchParams(searchParams);
console.log(params.get("paramName")); // 获取名为 "paramName" 的参数值
3. 正则表达式
可以使用正则表达式从 URL 中提取参数：
javascript
const regex = /\?paramName=(.)/;
const matches = regex.exec(window.location.href);
if (matches && matches[1]) {
console.log(matches[1]); // 获取名为 "paramName" 的参数值
}
4. 哈希表
如果您的应用程序使用了哈希表，则可以使用它来存储和检索 URL 参数：
javascript
const hashtable = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&])/gi, function(m, key, value) {
hashtable[key] = value;
});
console.log(hashtable["paramName"]); // 获取名为 "paramName" 的参数值
示例
以下示例使用 URLSearchParams 从 URL 中获取 name 参数：
html
John's Page
javascript
// 获取当前页面 URL
const url = window.location.href;
// 创建 URLSearchParams 对象
const params = new URLSearchParams(url);
// 获取名为 "name" 的参数值
const name = params.get("name");
// 打印参数值
console.log("Name:", name); // 输出: Name: John