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

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

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 учебник

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

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

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

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

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

Я пойду по объективному использованию:

1. Перенаправить страницу на другую

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

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

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

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

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

См. Location Object для получения дополнительной информации.

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

window.openОткроется URL в новом браузере Tab

window.location.hrefОткроется адрес в текущей вкладке (вместо этого вы можете использовать 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>