js 拿到页面url上带的对象
时间: 2024-09-25 19:14:08 浏览: 31
FlattestRoute:最平坦的路线-带有海拔信息的Google Maps路线
在JavaScript中,你可以通过`window.location.search`属性获取URL查询字符串,它通常包含一个问号`?`之后的一系列键值对,用等号`=`分隔键和值,而值常常被URL编码。例如,假设URL是 `https://example.com/?name=John&age=30`,你可以使用以下方法来解析这个查询字符串:
```javascript
let urlParams = new URLSearchParams(window.location.search);
console.log(urlParams.get('name')); // 输出 "John"
console.log(urlParams.get('age')); // 输出 "30"
// 或者直接使用对象语法解构
let paramsObj = {};
urlParams.forEach((value, key) => {
paramsObj[key] = decodeURIComponent(value);
});
console.log(paramsObj); // 输出 { name: 'John', age: '30' }
```
上述代码首先创建了一个`URLSearchParams`对象,然后使用`get()`方法获取特定键的值,或者遍历所有键值对并解码它们存储在对象中。
阅读全文