jquery获取当前页面的URL信息

封面图 • 2025-11-23 • jQuery

在 jQuery 中，虽然 jQuery 本身不直接提供获取当前页面 URL 的方法，但你可以结合 JavaScript 来实现。以下是一些常用的方法来获取当前页面的 URL 信息：

---

### ✅ 1. 获取完整的当前页面 URL

```javascript
var currentUrl = window.location.href;
console.log(currentUrl);
```

---

### ✅ 2. 获取当前页面的路径（包括查询参数）

```javascript
var path = window.location.pathname;
console.log(path);
```

---

### ✅ 3. 获取当前页面的查询参数（即 `?key=value` 部分）

```javascript
var queryString = window.location.search;
console.log(queryString); // 例如："?id=123"
```

---

### ✅ 4. 解析查询参数为对象（使用 JavaScript 原生方法）

```javascript
function getQueryParams() {
    var params = {};
    var parts = window.location.search.replace('?', '').split('&');
    for (var i = 0; i < parts.length; i++) {
        var pair = parts[i].split('=');
        params[pair[0]] = decodeURIComponent(pair[1] || '');
    }
    return params;
}

var params = getQueryParams();
console.log(params); // 例如：{ id: "123" }
```

---

### ✅ 5. 使用 jQuery 简化写法（其实还是用原生 JS）

虽然 jQuery 没有专门的 API 来获取 URL，但你可以这样写：

```javascript
var currentUrl = $(location).attr('href');
console.log(currentUrl);
```

不过这只是对 `window.location.href` 的封装，本质还是 JavaScript。

---

### ✅ 6. 获取当前页面的主机名和端口

```javascript
var host = window.location.host;
console.log(host); // 例如："example.com:8080"
```

---

### ✅ 7. 获取协议（http/https）

```javascript
var protocol = window.location.protocol;
console.log(protocol); // 例如："https:"
```

---

### 📌 总结

| 方法 | 说明 |
|------|------|
| `window.location.href` | 获取完整 URL |
| `window.location.pathname` | 获取路径部分 |
| `window.location.search` | 获取查询字符串 |
| `window.location.host` | 获取主机名和端口 |
| `window.location.protocol` | 获取协议（http/https） |

---

如果你需要在 jQuery 中使用这些信息，可以直接调用上面的 JavaScript 代码，因为 jQuery 是基于 JavaScript 的。

如有需要，我也可以帮你解析 URL 的各个部分。