JavaScript 中的 window.location.href 和 window.open () 方法

Question

JavaScript 中的 window.location.href 和 window.open () 方法有什么区别？

Answer 1

window.location.href 不是一个方法，它是一个属性，可以告诉您浏览器当前的 URL 位置。更改该属性的值将重定向页面。

window.open() 是一种可以将 URL 传递给要在新窗口中打开的方法。例如：

window.location.href 示例：

window.location.href = 'http://www.google.com'; //Will take you to Google.

window.open() 示例：

window.open('http://www.google.com'); //This will open Google in a new window.

---

Additional Information:

window.open() 可以传递附加参数。请参阅：window.open 教程

Answer 2

• window.open 将使用指定的 URL 打开新的浏览器。

• window.location.href 将在调用代码的窗口中打开 URL。

另请注意，window.open() 是窗口对象本身的函数，而 window.location 是公开各种 其他方法和属性。

Answer 3

已经有答案描述了 window.location.href 属性和 window.open() 方法。

我将按照目标使用：

1. 将页面重定向到另一个

使用 window.location.href。将 href 属性设置为另一个页面的 href。

2. 在新窗口或特定窗口中打开链接。

使用window.open()。根据您的目标传递参数。

3. 知道页面的当前地址

使用window.location.href。获取 window.location.href 属性的值。您还可以从 window.location 对象获取特定的协议、主机名、哈希字符串。

有关详细信息，请参阅位置对象。

Answer 4

window.open 是一种方法；您可以打开新窗口，并可以自定义它。
window.location.href 只是当前窗口的一个属性。

Answer 5

window.open () 将打开一个新窗口，而 window.location.href 将在当前窗口中打开新 URL。

Answer 6

window.open 将在新浏览器选项卡中打开 url

window.location.href 将在当前选项卡中打开 url（您可以使用 location ）

这里是示例小提琴（在SO片段中window.open不起作用）

var url = 'https://example.com';

function go1() { window.open(url) }

function go2() { window.location.href = url }

function go3() { location = url }

<div>Go by:</div>
<button onclick="go1()">window.open</button>
<button onclick="go2()">window.location.href</button>
<button onclick="go3()">location</button>

Answer 7

href 是位置接口的属性。 windos.location.href 导航到提供的 URL。

了解 href

另一方面 windows.open () 将指定资源加载到指定名称下的新的或现有的浏览上下文（即选项卡、窗口或 iframe）中。

open()
open(url)
open(url, target)
open(url, target, windowFeatures)

这些附加参数允许您实现一些特定的功能。有关详细信息，请参阅此文档window.open 文档

在本文档之外，我注意到的一件有趣的事情是，如果您使用 window.open，则在 safari 和 IOS 中，parent.opener 是未定义的。如果您使用 location.href 进行重定向，则 parent.opener 将起作用。
与问题相关

Answer 8

对于那些使用 React 和 Router 的人来说，这是一种无需刷新整个应用程序即可进行导航的好方法。

withRouter.bind("URL")

调用 window.location.href = "URL" 似乎会刷新应用程序，这可能是一个有意的决定，而且它有效。