jquery获取当前页面的URL信息
封面图
•
2025-11-23
•
jQuery
233
0
0
0
在 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 的各个部分。
上一篇:
Jquery操作复选框(CheckBox)的取值赋值实现代码
下一篇:
jquery中怎么打开新窗口
标题录入,一次不能超过6条
留言
评论