Методы window.location.href и window.open() в JavaScript

В чем разница между методами window.location.href и window.open () в JavaScript?

Ответ 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() можно передать дополнительные параметры. См.: учебник window.open

Ответ 2

  • window.open откроет новый браузер с указанным URL.

  • window.location.href откроет URL-адрес в окне, в котором вызывается код.

Обратите внимание, что window.open() является функцией самого объекта окна, тогда как window.location является объектом, который предоставляет различные другие методы и свойства.

Ответ 3

window.open - метод; вы можете открыть новое окно и настроить его. window.location.href - это просто свойство текущего окна.

Ответ 4

Уже есть ответы, которые описывают свойство window.location.href и window.open().

Я буду использовать Objective use:

1. Чтобы перенаправить страницу на другую

Используйте window.location.href. Установите свойство href на href другой страницы.

2. Открыть ссылку в новом или конкретном окне.

Используйте window.open(). Передайте параметры согласно вашей цели.

3. Знать текущий адрес страницы

Используйте window.location.href. Получите значение свойства window.location.href. Вы также можете получить конкретный протокол, имя хоста, hashstring из объекта window.location.

Для получения дополнительной информации см. Объект местоположения.

Ответ 5

window.open () откроет новое окно, а window.location.href откроет новый URL-адрес в текущем окне.

Ответ 6

Это откроет вашу ссылку в том же окне

window.location.href = 'http://www.google.com'; 

Откроется ваша ссылка в новой вкладке

window.open('http://www.google.com');

Ответ 7

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>