获取当前地址路径以及参数
时间: 2023-09-23 21:13:02 浏览: 43
在 JavaScript 中,可以使用 `window.location` 对象来获取当前地址路径以及参数。具体来说,可以使用以下属性:
- `href`:完整的 URL 地址,包括协议、主机名、路径和查询参数。
- `protocol`:协议部分,如 "http:" 或 "https:"。
- `hostname`:主机名部分,如 "www.example.com"。
- `port`:端口号部分,如 "80"。
- `pathname`:路径部分,如 "/path/to/file.html"。
- `search`:查询参数部分,如 "?key1=value1&key2=value2"。
例如,要获取当前页面的路径和查询参数,可以使用以下代码:
```javascript
const path = window.location.pathname + window.location.search;
console.log(path);
```
这将输出当前页面的路径和查询参数,例如 "/page.html?param1=value1¶m2=value2"。
相关问题
js获取当前访问路径的get参数
您可以使用 JavaScript 中的 `URLSearchParams` 对象来获取当前访问路径的 GET 参数。下面是一个示例代码:
```javascript
// 获取当前访问路径
const urlParams = new URLSearchParams(window.location.search);
// 获取指定的参数值
const paramValue = urlParams.get('paramName');
```
在上面的代码中,`window.location.search` 用于获取当前访问路径中的查询字符串部分,然后将其传递给 `URLSearchParams` 构造函数来创建一个 `URLSearchParams` 对象。接下来,您可以使用 `get` 方法来获取指定参数的值。
js获取当前访问路径的所有get参数
您可以使用 JavaScript 中的 `URLSearchParams` 对象来获取当前访问路径的所有 GET 参数。下面是一个示例代码:
```javascript
// 获取当前访问路径
const urlParams = new URLSearchParams(window.location.search);
// 创建一个空对象来存储 GET 参数
const params = {};
// 遍历所有 GET 参数
for (const [key, value] of urlParams.entries()) {
// 将参数名和值存储到 params 对象中
params[key] = value;
}
// 打印 params 对象
console.log(params);
```
在上面的代码中,`window.location.search` 用于获取当前访问路径中的查询字符串部分,然后将其传递给 `URLSearchParams` 构造函数来创建一个 `URLSearchParams` 对象。接下来,我们遍历 `URLSearchParams` 对象中的所有 GET 参数,并将它们存储到一个空对象中。最后,我们可以打印这个对象来查看所有 GET 参数。