document.location的所有属性

`document.location` 是 JavaScript 中的一个内置对象属性，它代表了当前文档的URL信息。这个对象包含了关于页面地址的各种属性，可以用于获取、设置或修改网页的URL。一些常见的 `document.location` 属性及其用途包括：

1. `href`: 用于获取完整的 URL，包括协议、主机名、路径和查询字符串。
2. `protocol`: 获取或设置协议部分（如 "http:", "https:" 或 "ftp:" 等）。
3. `hostname`: 获取主机名（不含端口号）。
4. `port`: 如果有指定端口，获取端口号；否则为 `undefined`。
5. `pathname`: 获取路径名（不包含查询字符串和锚点）。
6. `search`: 获取查询字符串（?后面的参数），通常用于传递额外数据。
7. `hash`: 获取锚点（#后的标识符），通常对应于页面内部链接。

你可以像下面这样访问和操作这些属性：

const url = document.location.href;
document.location.protocol = 'https:';
document.location.search = '?param=value';

相关问题

document.location.href和document.location.href区别

`document.location.href` 是 JavaScript 中的一个属性，用于获取或设置当前网页的 URL（统一资源定位符）。这个属性返回一个字符串，表示当前页面的完整URL，包括协议、主机名、路径和查询参数等。

而 `document.location.href` 是这个属性的引用形式，当你对它进行赋值操作时，实际上是改变了浏览器的当前页面地址。例如：

// 获取当前页面URL
var currentUrl = document.location.href;

// 改变页面地址（假设新的URL是 "https://www.example.com/newpage"）
document.location.href = "https://www.example.com/newpage";

这两个表达式的区别在于：

1. `document.location.href`：单纯获取当前的URL。
2. `document.location.href = 新URL`：用于改变当前页面的URL，并触发可能的页面重载或导航行为。

window.location.href与document.location.origin区别

`window.location.href`是一个字符串，它包含了当前页面的完整 URL，包括协议、域名、路径和查询参数等信息。可以通过修改`window.location.href`的值来实现页面重定向。

`document.location.origin`是一个只读属性，返回当前页面的协议、域名和端口号。它不包含路径和查询参数等信息，仅用于获取页面基础的 URL 信息。

例如，假设当前页面的 URL 是 `https://example.com/path/to/page.html?param=value`，那么：

- `window.location.href` 的值为 `https://example.com/path/to/page.html?param=value`
- `document.location.origin` 的值为 `https://example.com`

因此，`window.location.href` 和 `document.location.origin` 的作用有所区别，前者用于页面跳转和重定向，后者用于获取页面基础 URL 信息。