jquery获取url（jquery获取url参数的值）

## jQuery 获取 URL ### 简介在使用 jQuery 进行前端开发时，经常需要获取当前页面的 URL 信息，例如获取完整的 URL 地址、协议、域名、端口、路径、参数等等。jQuery 提供了一些便捷的方法，方便开发者轻松获取这些信息。### 获取完整 URL 地址可以使用 `window.location.href` 或 `$(location).attr('href')` 获取完整的 URL 地址。```javascript // 方法一：使用原生 JavaScript var url = window.location.href; console.log(url); // 方法二：使用 jQuery var url = $(location).attr('href'); console.log(url); ```### 获取 URL 各个组成部分#### 1. 协议可以使用 `window.location.protocol` 获取 URL 的协议部分，例如 "http:" 或 "https:"。```javascript var protocol = window.location.protocol; console.log(protocol); ```#### 2. 域名可以使用 `window.location.hostname` 获取 URL 的域名部分，例如 "www.example.com"。```javascript var hostname = window.location.hostname; console.log(hostname); ```#### 3. 端口可以使用 `window.location.port` 获取 URL 的端口号。如果端口号是默认端口（http 默认端口为 80，https 默认端口为 443），则返回空字符串。```javascript var port = window.location.port; console.log(port); ```#### 4. 路径可以使用 `window.location.pathname` 获取 URL 的路径部分，例如 "/path/to/page.html"。```javascript var pathname = window.location.pathname; console.log(pathname); ```#### 5. 查询字符串可以使用 `window.location.search` 获取 URL 的查询字符串部分，包含问号 "?"，例如 "?param1=value1¶m2=value2"。```javascript var search = window.location.search; console.log(search); ```#### 6. Hash 值可以使用 `window.location.hash` 获取 URL 的 hash 值部分，包含井号 "#"，例如 "#section1"。```javascript var hash = window.location.hash; console.log(hash); ```### 获取 URL 参数#### 1. 使用 `URLSearchParams` 对象 (推荐)从 ES6 开始，JavaScript 提供了 `URLSearchParams` 对象来处理 URL 参数。```javascript // 获取 URLSearchParams 对象 const urlParams = new URLSearchParams(window.location.search);// 获取指定参数值 const param1 = urlParams.get('param1'); console.log(param1); // 遍历所有参数 urlParams.forEach((value, key) => {console.log(`${key}: ${value}`); }); ```#### 2. 自定义函数解析如果需要兼容旧版浏览器，可以自定义函数来解析查询字符串：```javascript function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]

)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]);return null; }var param1 = getUrlParam('param1'); console.log(param1); ```### 总结jQuery 提供了简单易用的方法来获取 URL 的各个组成部分，方便开发者进行页面逻辑处理和数据交互。

jQuery 获取 URL

简介在使用 jQuery 进行前端开发时，经常需要获取当前页面的 URL 信息，例如获取完整的 URL 地址、协议、域名、端口、路径、参数等等。jQuery 提供了一些便捷的方法，方便开发者轻松获取这些信息。

获取完整 URL 地址可以使用 `window.location.href` 或 `$(location).attr('href')` 获取完整的 URL 地址。```javascript // 方法一：使用原生 JavaScript var url = window.location.href; console.log(url); // 方法二：使用 jQuery var url = $(location).attr('href'); console.log(url); ```

获取 URL 各个组成部分

1. 协议可以使用 `window.location.protocol` 获取 URL 的协议部分，例如 "http:" 或 "https:"。```javascript var protocol = window.location.protocol; console.log(protocol); ```

2. 域名可以使用 `window.location.hostname` 获取 URL 的域名部分，例如 "www.example.com"。```javascript var hostname = window.location.hostname; console.log(hostname); ```

3. 端口可以使用 `window.location.port` 获取 URL 的端口号。如果端口号是默认端口（http 默认端口为 80，https 默认端口为 443），则返回空字符串。```javascript var port = window.location.port; console.log(port); ```

4. 路径可以使用 `window.location.pathname` 获取 URL 的路径部分，例如 "/path/to/page.html"。```javascript var pathname = window.location.pathname; console.log(pathname); ```

5. 查询字符串可以使用 `window.location.search` 获取 URL 的查询字符串部分，包含问号 "?"，例如 "?param1=value1¶m2=value2"。```javascript var search = window.location.search; console.log(search); ```

6. Hash 值可以使用 `window.location.hash` 获取 URL 的 hash 值部分，包含井号 "

"，例如 "

section1"。```javascript var hash = window.location.hash; console.log(hash); ```

获取 URL 参数

1. 使用 `URLSearchParams` 对象 (推荐)从 ES6 开始，JavaScript 提供了 `URLSearchParams` 对象来处理 URL 参数。```javascript // 获取 URLSearchParams 对象 const urlParams = new URLSearchParams(window.location.search);// 获取指定参数值 const param1 = urlParams.get('param1'); console.log(param1); // 遍历所有参数 urlParams.forEach((value, key) => {console.log(`${key}: ${value}`); }); ```

2. 自定义函数解析如果需要兼容旧版浏览器，可以自定义函数来解析查询字符串：```javascript function getUrlParam(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if (r != null) return unescape(r[2]);return null; }var param1 = getUrlParam('param1'); console.log(param1); ```

总结jQuery 提供了简单易用的方法来获取 URL 的各个组成部分，方便开发者进行页面逻辑处理和数据交互。