JS获取URL参数的方法
时间: 2023-12-09 10:03:27 浏览: 290
JS获取URL中参数值(QueryString)的4种方法分享
JavaScript获取URL参数有以下几种方法:
1. 使用location.search属性获取URL中的参数字符串,然后再使用正则表达式或字符串方法进行解析。
```
let params = window.location.search.substr(1).split('&');
let paramObj = {};
params.forEach(function(param) {
let keyValue = param.split('=');
paramObj[keyValue[0]] = keyValue[1];
});
console.log(paramObj);
```
2. 使用URLSearchParams API(需要浏览器支持),该API提供了多种方法用于获取、添加、删除URL参数。
```
let params = new URLSearchParams(window.location.search);
console.log(params.get('param1'));
```
3. 使用URL API(需要浏览器支持),该API提供了多种方法用于获取、添加、删除URL参数。
```
let url = new URL(window.location.href);
console.log(url.searchParams.get('param1'));
```
阅读全文