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

Question

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

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

Answer 2

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

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

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

Answer 3

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

Answer 4

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

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

1.Для перенаправления страницы на другой

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

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

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

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

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

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

Answer 5

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

Answer 6

window.open откроет URL в новой вкладке браузера

window.location.href откроет URL в текущей вкладке (вместо этого вы можете использовать location)

Здесь пример fiddle (в 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>