В чем разница между методами 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>