在Web开发中，了解如何获取和处理页面的URI是非常重要的一部分。使用jQuery提供的方法，可以更轻松地获取URL的不同部分，从而实现各种功能。接下来我们将介绍几种常用的方法来获取URI中的特定部分。

如何获取完整的URL？

要获取页面的完整URL，可以直接使用window.location.href这个属性。

var url = window.location.href;console.log(url);

如何获取协议和主机名？

如果需要单独获取URL中的协议和主机名，可以使用window.location.protocol和window.location.host。

var protocol = window.location.protocol;var host = window.location.host;console.log(protocol, host);

如何获取路径名？

想单独获取URI中的路径部分，可通过window.location.pathname来实现。

var pathname = window.location.pathname;console.log(pathname);

如何获取查询字符串？

页面URL中包含查询参数时，可以使用window.location.search来提取。

var queryString = window.location.search;console.log(queryString);

如何解析查询字符串为对象？

将查询字符串解析为键值对对象有助于进一步操作，你可以编写一个函数来实现这个功能。

function getQueryParams(queryString) {    var params = {};    var pairs = (queryString[0] === '?' ? queryString.substr(1) : queryString).split('&');    for (var i = 0; i < pairs.length; i++) {        var pair = pairs[i].split('=');        params[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1] || '');    }    return params;}var queryObject = getQueryParams(window.location.search.substring(1));console.log(queryObject);

如何获取片段（锚点）？

使用window.location.hash可以获取URL中的片段标识符，这对于定位页面特定部分非常有用。

var fragment = window.location.hash;console.log(fragment);

如何利用jQuery的扩展插件来解析URL？

如果使用了jQuery的插件，如jQuery URL Parser，可以使用插件提供的$.url()方法来解析URL。

var parts = $.url('http://example.com/pathname?search=test#hash');console.log(parts); // 输出URL各部分组成的对象

请注意，不是所有的方法都是原生jQuery提供的，有些需要借助第三方库或插件来实现。根据具体需求选取合适的方法处理URL，这些技巧不仅适用于获取当前页面的URI，还可以应用于其他场景，如处理用户输入或构建导航链接。

希望这些方法能帮助你更好地理解和处理页面的URI！如果你有相关问题或想进一步了解，请留言讨论。

感谢阅读，期待您的评论、关注和点赞！