js 获取url地址中的参数
时间: 2024-08-29 13:02:46 浏览: 56
使用JavaScript获取URL中的参数(两种方法)
在JavaScript中,获取URL地址中的参数通常涉及到字符串操作。你可以通过`URLSearchParams`对象或者正则表达式来解析查询字符串。以下是两个常见方法:
1. **使用URLSearchParams**:
如果URL包含查询参数,例如 `https://example.com/?key1=value1&key2=value2`,你可以这样做:
```javascript
const url = new URL(window.location.href);
const params = url.searchParams;
console.log(params.get('key1')); // 输出 'value1'
```
2. **使用正则表达式** (简单示例,可能不够全面):
如果你想手动处理,可以使用以下正则匹配模式:
```javascript
function getUrlParam(url, paramName) {
const parser = document.createElement('a');
parser.href = url;
const query = parser.search.substring(1); // 去掉 "?"
const vars = query.split('&');
for (let i = 0; i < vars.length; i++) {
const pair = vars[i].split('=');
if (pair[0] === paramName) return decodeURIComponent(pair[1]);
}
return null;
}
const paramValue = getUrlParam(window.location.href, 'key1');
```
这里假设参数名不会出现在路径或者编码后的值中。
阅读全文