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

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

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

window.open()是一个方法，你可以传递一个URL给你想要在新窗口中打开的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将使用指定的URL打开一个新浏览器。

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

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

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

已经有关于window.location.href属性和window.open ()方法的回答。

我将使用客观使用:

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

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

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

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

3.知道页面的当前地址

使用window.location.href。获取window.location.href属性的值。您还可以从窗口获得特定的协议，主机名，hashstring。位置的对象。

更多信息请参见Location对象。

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

window.location.href将在当前选项卡中打开url(相反，您可以使用location)

这里是例如小提琴(在SO片段窗口。打开不行)

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>