в чем разница между методами window location href и window open в javascript

Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
27 ноября 2024

window.location.href является свойством объекта window.location. Оно используется для получения или изменения текущего URL-адреса страницы. При присваивании нового значения этому свойству браузер будет осуществлять переход по этому адресу, что вызовет загрузку новой страницы.

const currentURL = window.location.href;
console.log(currentURL);  // Выводит текущий URL

Перенаправление на новый URL:

window.location.href = 'https://example.com';

Перезаписывание window.location.href также добавляет новую запись в историю браузера, что позволяет пользователю использовать кнопку "Назад" для возврата на предыдущую страницу. Если текущая страница не загружалась в результате запроса (например, при редиректе), то её история может не сохраняться.

window.open — это метод, который используется для открытия нового окна или вкладки браузера с указанным URL. Этот метод позволяет управлять тем, как и где будет загружен новый документ.

Открытие нового окна или вкладки:

window.open('https://example.com', '_blank');  // '_blank' открывает в новой вкладке

Открытие нового окна с указанием размера:

const newWindow = window.open('https://example.com', 'newWindow', 'width=800,height=600');

Основные отличия:

  • window.location.href: переходит по URL в текущем окне/вкладке. window.open: открывает новый контекст (вкладку или окно) с указанным URL.
  • window.location.href добавляет запись в историю. window.open создает новый контекст, который не влияет на историю текущей страницы.
  • window.location.href прост в использовании и используется для смены страниц. window.open предоставляет дополнительные возможности, такие как управление размерами нового окна.
0 0