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');

常用插件推荐

1. jQuery URL Plugin
   提供更强大的 URL 解析功能，支持获取片段、参数等：

   $.url('http://example.com/path?key=value').param('key');

2. jQuery QueryBuilder
   用于构建复杂查询字符串的工具。

注意事项

• 涉及敏感操作（如重定向）时需考虑浏览器安全限制
• 现代浏览器推荐优先使用原生 URL 和 URLSearchParams API
• 哈希路由（#）可通过 $(location).attr('hash') 获取