本篇文章给大家带来《jquery获取url地址》，石家庄人才网对文章内容进行了深度展开说明，希望对各位有所帮助，记得收藏本站。

在Web开发中，经常需要获取当前页面的URL地址，以便进行一些操作，例如页面跳转、参数传递等。jQuery提供了一些便捷的方法来获取URL地址的各个部分，本文将详细介绍如何使用jQuery获取URL地址。

首先，要使用jQuery，需要在HTML页面中引入jQuery库文件。可以通过以下代码引入jQuery库：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

引入jQuery库后，就可以使用jQuery提供的方法来获取URL地址了。1. 获取完整的URL地址可以使用`window.location.href`属性获取完整的URL地址，包括协议、域名、端口号、路径、查询参数等。```javascriptvar url = window.location.href;console.log(url);```2. 获取协议可以使用`window.location.protocol`属性获取URL地址的协议部分，例如"http:"或"https:"。```javascriptvar protocol = window.location.protocol;console.log(protocol);```

3. 获取域名可以使用`window.location.hostname`属性获取URL地址的域名部分，例如"www.example.com"。```javascriptvar hostname = window.location.hostname;console.log(hostname);```4. 获取端口号可以使用`window.location.port`属性获取URL地址的端口号部分，例如"80"或"443"。如果没有指定端口号，则返回空字符串。```javascriptvar port = window.location.port;console.log(port);```5. 获取路径可以使用`window.location.pathname`属性获取URL地址的路径部分，例如"/path/to/page.html"。```javascriptvar pathname = window.location.pathname;console.log(pathname);```6. 获取查询参数可以使用`window.location.search`属性获取URL地址的查询参数部分，例如"?param1=value1¶m2=value2"。```javascriptvar search = window.location.search;console.log(search);```7. 获取URL片段标识符可以使用`window.location.hash`属性获取URL地址的片段标识符部分，例如"#section1"。```javascriptvar hash = window.location.hash;console.log(hash);```使用jQuery获取URL参数除了使用`window.location.search`获取整个查询字符串外，还可以使用jQuery提供的方法方便地获取单个URL参数的值。```javascript// 获取名为"param1"的URL参数的值var param1 = $(this).getUrlParam('param1'); // 自定义函数getUrlParam()$.fn.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]○)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;}```石家庄人才网小编提示：以上代码定义了一个名为`getUrlParam()`的jQuery扩展方法，可以方便地获取指定名称的URL参数的值。

石家庄人才网小编对《jquery获取url地址》内容分享到这里，如果有相关疑问请在本站留言。