窗口.location.href和窗口.JavaScript中的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.

---

附加信息:

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属性的值。您还可以从窗口获得特定的协议，主机名，哈希字符串。位置对象。

参见Location Object获取更多信息。

Answer 4

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

Answer 5

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

Answer 6

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>