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

Question

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

javascriptlocationwindowhrefwindow-object

352

在JavaScript中，“window.location.href”和“window.open()”方法有什么区别？

- masif

2

相关：如何重定向到另一个网页 - krubo

6个回答

34

window.open会打开一个带有指定URL的新浏览器。
window.location.href会在调用代码所在的窗口中打开该URL。

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

- Tom

17

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

我将按照目标使用情况给出说明：

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

使用 window.location.href，将 href 属性设置为另一个页面的链接地址。

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

使用 window.open()，根据需要传递参数。

3. 获取当前页面的地址信息

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

了解更多信息，请参阅 Location 对象。

- Somnath Muluk

15

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

- ngi

10

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

- Joseph Silber

3

如果将"_self"作为附加参数传递给window.open()，它也可以在同一个窗口中打开"url"。 - user761100

是的，我也有同样的疑问。使用 window.open(newUrl, '_self') 和 location.href = newUrl 之间有什么区别？ - Harry

2

window.open会在新的浏览器标签页中打开URL。

window.location.href会在当前标签页中打开URL（你也可以使用location）。

这里有一个示例代码（在SO片段中，window.open无法工作）。

注：Original Answer翻译成“最初的回答”并不符合上下文的意思，因此本次翻译忽略了该翻译。

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>

- Kamil Kiełczewski

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- James Hill · Accepted Answer

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.

附加信息：

window.open()可以传递其他参数。请参考：window.open教程