jquery 地址
以下是关于 jQuery 地址(URL 处理)的相关方法和资源整理:
获取当前页面地址
使用 window.location.href 或 jQuery 封装的方法获取当前页面完整 URL:
var currentUrl = $(location).attr('href');
获取 URL 特定部分
分解 URL 的不同组成部分:

// 获取主机名
var hostname = $(location).attr('hostname');
// 获取路径部分
var pathname = $(location).attr('pathname');
// 获取查询参数
var searchParams = $(location).attr('search');
操作查询参数
通过 URLSearchParams 或手动解析处理查询字符串:
// 获取单个参数值(原生方法)
var paramValue = new URLSearchParams(window.location.search).get('key');
// jQuery 扩展方法示例
$.urlParam = function(name) {
var results = new RegExp('[?&]' + name + '=([^&#]*)').exec(window.location.href);
return results ? results[1] : null;
};
修改 URL 不刷新页面
使用 History API 更新地址栏:

history.pushState({}, '', '/new-path');
跳转到新地址
通过 window.location 或 jQuery 实现页面跳转:
// 原生方法
window.location.href = 'https://example.com';
// jQuery 方式
$(location).attr('href', 'https://example.com');
常用插件推荐
-
jQuery URL Plugin
提供更强大的 URL 解析功能,支持获取片段、参数等:$.url('http://example.com/path?key=value').param('key'); -
jQuery QueryBuilder
用于构建复杂查询字符串的工具。
注意事项
- 涉及敏感操作(如重定向)时需考虑浏览器安全限制
- 现代浏览器推荐优先使用原生
URL和URLSearchParamsAPI - 哈希路由(#)可通过
$(location).attr('hash')获取






