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

`document.location.href` 和 `window.location.href` 都是 JavaScript 中用来获取或设置当前网页URL的方法，它们的主要区别在于作用范围：

1. **document.location.href**：这是 `window` 对象的一个属性，但被限定在文档级作用域。当你在浏览器中访问 `document.location.href` 时，它返回的是当前页面的完整 URL，包括协议（如 http 或 https）、主机名、路径及查询参数。

2. **window.location.href**：同样也是 `window` 对象的属性，但它代表了整个浏览器窗口中的当前URL，不局限于某个特定的框架或者如果页面包含多个iframe，它会反映顶层窗口的URL。

简而言之，如果你想要获取整个浏览器窗口的地址，无论是在哪个iframe或者嵌套的JavaScript作用域中，使用 `window.location.href` 是更通用的选择。而 `document.location.href` 更适合于在当前文档内获取或修改URL。

相关问题

document.location.href和window.location.href的区别

`document.location.href`和`window.location.href`在实际使用中没有太大的区别，它们都可以用来获取当前文档的URL地址。

`window.location.href`是`window.location`对象的一个属性，可以直接通过`window.location.href`访问当前页面的URL地址。

`document.location.href`是`document.location`对象的一个属性，同样可以用来获取当前页面的URL地址。在一些浏览器中，`document.location.href`也可以使用`document.href`来代替。

所以，这两个表达式的作用是相同的，都是用来获取当前文档的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 信息。