获取当前 url 角度 - Javascript

在编写 Javascript 时，经常需要获取当前页面的 URL，以便根据 URL 进行一些逻辑处理。在本文中，我们将介绍几种获取 URL 的方法。

方法一：使用 window.location.href

window.location.href 属性可以获取当前页面的完整 URL，包括协议、主机、路径以及查询字符串和锚点等。

const url = window.location.href;

方法二：使用 window.location

window.location 对象包含了许多与 URL 相关的属性和方法，常用属性包括：

• href：获取当前页面的完整 URL。
• protocol：获取协议。
• host：获取主机名（含端口号）。
• pathname：获取路径。
• search：获取查询字符串。
• hash：获取锚点。

例如，以下代码可以获取当前页面的协议、主机名以及路径：

const protocol = window.location.protocol;
const hostname = window.location.hostname;
const path = window.location.pathname;
const url = `${protocol}//${hostname}${path}`;

方法三：使用 document.URL

document.URL 属性可以获取包含协议、主机、路径以及查询字符串和锚点的完整 URL。

const url = document.URL;

需要注意的是，document.URL 在某些浏览器中可能会返回标准化的 URL，而不是原始的 URL。

方法四：使用 location.href

location.href 和 window.location.href 是等价的，都可以获取当前页面的完整 URL。

const url = location.href;

总结

以上就是几种获取当前 URL 的方法，根据实际情况选择合适的方法即可。

• 使用 window.location.href 来获取当前页面的完整 URL。
• 使用 window.location 对象可以分别获取 URL 的不同部分。
• 使用 document.URL 来获取包含协议、主机、路径以及查询字符串和锚点的完整 URL。
• 使用 location.href 和 window.location.href 是等价的。

Markdown 格式的代码片段如下：

# 获取当前 url 角度 - Javascript

在编写 Javascript 时，经常需要获取当前页面的 URL，以便根据 URL 进行一些逻辑处理。在本文中，我们将介绍几种获取 URL 的方法。

## 方法一：使用 window.location.href

window.location.href 属性可以获取当前页面的完整 URL，包括协议、主机、路径以及查询字符串和锚点等。

```javascript
const url = window.location.href;

方法二：使用 window.location

window.location 对象包含了许多与 URL 相关的属性和方法，常用属性包括：

• href：获取当前页面的完整 URL。
• protocol：获取协议。
• host：获取主机名（含端口号）。
• pathname：获取路径。
• search：获取查询字符串。
• hash：获取锚点。

例如，以下代码可以获取当前页面的协议、主机名以及路径：

const protocol = window.location.protocol;
const hostname = window.location.hostname;
const path = window.location.pathname;
const url = `${protocol}//${hostname}${path}`;

方法三：使用 document.URL

document.URL 属性可以获取包含协议、主机、路径以及查询字符串和锚点的完整 URL。

const url = document.URL;

需要注意的是，document.URL 在某些浏览器中可能会返回标准化的 URL，而不是原始的 URL。

方法四：使用 location.href

location.href 和 window.location.href 是等价的，都可以获取当前页面的完整 URL。

const url = location.href;

总结

以上就是几种获取当前 URL 的方法，根据实际情况选择合适的方法即可。

• 使用 window.location.href 来获取当前页面的完整 URL。
• 使用 window.location 对象可以分别获取 URL 的不同部分。
• 使用 document.URL 来获取包含协议、主机、路径以及查询字符串和锚点的完整 URL。
• 使用 location.href 和 window.location.href 是等价的。