Методы 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.location.href и метод window.open().

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

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

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

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

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

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

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

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

Answer 4

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

Answer 5

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

Answer 6

В 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>