js获取location里面的参数
时间: 2024-04-29 14:22:40 浏览: 23
可以使用JavaScript中的location.search属性来获取URL中的查询参数。
例如,假设URL为:https://www.example.com/?name=john&age=25
可以使用以下代码获取查询参数:
```
const queryString = window.location.search;
console.log(queryString); // ?name=john&age=25
```
然后,可以使用JavaScript中的URLSearchParams对象来解析查询参数。例如,可以通过以下方式获取“name”参数的值:
```
const params = new URLSearchParams(queryString);
const name = params.get('name');
console.log(name); // john
```
类似地,可以获取其他查询参数的值。
相关问题
window.location获取参数
你可以使用以下代码来获取 URL 参数:
```javascript
// 获取完整的 URL
var url = window.location.href;
// 获取参数部分
var params = url.split('?')[1];
// 将参数字符串以 '&' 分割成数组
var paramArray = params.split('&');
// 创建一个对象来存储参数
var paramObj = {};
// 遍历参数数组
for (var i = 0; i < paramArray.length; i++) {
// 将每个参数以 '=' 分割成键值对
var param = paramArray[i].split('=');
// 将键值对存储到对象中
paramObj[param[0]] = param[1];
}
// 现在你可以通过 paramObj 对象来访问 URL 参数的值
console.log(paramObj);
```
这段代码会将 URL 参数存储在一个对象 `paramObj` 中,你可以根据参数的键名来获取相应的值。例如,如果 URL 是 `http://www.example.com/?name=John&age=25`,那么 `paramObj` 对象将包含以下内容:
```
{
name: "John",
age: "25"
}
```
你可以通过 `paramObj.name` 来获取 `name` 参数的值,通过 `paramObj.age` 来获取 `age` 参数的值。
location.href获取参数
location.href是一个可以返回当前页面的URL地址的属性,通过这个属性可以获取URL中的参数。可以通过以下方法获取URL中的参数:
1. 使用正则表达式获取参数值:可以使用正则表达式来匹配URL中的参数,并返回参数值。
```javascript
function getQuery(para) {
var reg = new RegExp('(^|&)' + para + '=([^&]*)(&|$)');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURIComponent(r[2]);
}
return null;
}
var parameterValue = getQuery('参数名');
```
这个方法会返回指定参数名的参数值,如果URL中不存在该参数,会返回null。
2. 使用URLSearchParams对象获取参数值:可以使用URLSearchParams对象来获取URL中的参数,并返回参数值。
```javascript
var urlParams = new URLSearchParams(window.location.search);
var parameterValue = urlParams.get('参数名');
```
这个方法会返回指定参数名的参数值,如果URL中不存在该参数,会返回null。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)