логотип PurpleSchool
логотип PurpleSchool
Главная
База знаний
javascript
JavaScript браузерное окружение и API
window.open() в JavaScript

window.open() в JavaScript

29 апреля 2025
Автор

Дмитрий Фандорин

window.open() - это функция в JavaScript, которая используется для открытия нового окна браузера с заданными параметрами.

Пример использования функции window.open() для открытия нового окна:

window.open('https://www.example.com', '_blank');

В этом примере вызывается функция window.open() с двумя аргументами: URL-адресом и именем окна. Эта функция открывает новое окно браузера и загружает в нем указанный URL-адрес.

Форма записи

Функция window.open() вызывается с тремя или четырьмя аргументами. Форма записи функции window.open() выглядит следующим образом:

window.open(url, name, features, replace);
  • url: URL-адрес страницы, которую нужно открыть в новом окне. Этот аргумент является обязательным.
  • name: Имя, которое будет присвоено новому окну. Этот аргумент может быть пустым или принимать одно из следующих значений:
    • "_blank": открыть ссылку в новом окне.
    • "_self": загрузить ссылку в текущем окне.
    • "_parent": загрузить ссылку в родительском фрейме.
    • "_top": загрузить ссылку в верхнем фрейме.
    • Имя существующего окна: загрузить ссылку в указанном окне.
  • features: Список параметров, которые определяют поведение нового окна. Этот аргумент может быть пустым или содержать один или несколько параметров, разделенных запятыми.
  • replace: Определяет, следует ли заменить текущую страницу новой страницей. Этот аргумент может принимать два значения: true или false.

Пример:

window.open('https://www.example.com', '_blank', 'width=500,height=500,resizable=yes');

В этом примере открывается новое окно с URL-адресом "https://www.example.com", именем "_blank" и параметрами ширины, высоты и возможности изменения размера окна.

Заключение

Функция window.open() - это мощный инструмент для открытия новых окон браузера с помощью JavaScript. Она позволяет определять размеры, положение и поведение нового окна и может быть использована для создания всплывающих окон и открытия веб-страниц в новых окнах. Однако ее использование может быть заблокировано некоторыми браузерами в целях безопасности, поэтому ее следует использовать с осторожностью.

Стрелочка влевоwindow.print() в JavaScriptwindow.navigator в JavaScriptСтрелочка вправо

Все гайды по Javascript

Как работает метод trim() - JavaScriptКак работает метод toUpperCase() - JavaScriptКак работает метод toLowerCase() - JavaScriptКак работает метод substring() - JavaScriptКак работает метод startsWith() - JavaScriptКак работает метод split() - JavaScriptКак работает метод slice() - JavaScriptКак работает метод search() - JavaScriptКак работает метод replaceAll() - JavaScriptКак работает метод replace() - JavaScriptКак работает метод repeat() - JavaScriptКак работает метод padStart() - JavaScriptКак работает метод padEnd() - JavaScriptКак работает метод matchAll() - JavaScriptКак работает метод match() - JavaScriptКак работает метод localeCompare() - JavaScriptКак работает свойство length - JavaScriptКак работает метод lastIndexOf() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод fromCodePoint() - JavaScriptКак работает метод fromCharCode() - JavaScriptКак работает метод endsWith() - JavaScriptКак работает метод concat() - JavaScriptКак работает метод codePointAt() - JavaScriptКак работает метод charCodeAt() - JavaScriptКак работает метод charAt() - JavaScript
Итератор в JavaScript
try...catch в JavaScriptError в JavaScript
Событие wheel в JavaScriptСобытие unload в JavaScriptСобытие touch в JavaScriptСобытие submit в JavaScriptСобытие scroll в JavaScriptСобытие reset в JavaScriptМетод .preventDefault() в JavaScriptСобытие mouseover в JavaScriptСобытие mouseout в JavaScriptСобытие load в JavaScriptСобытие keyup в JavaScriptСобытие keydown в JavaScriptСобытие invalid в JavaScriptСобытие input в JavaScriptСобытийная модель Event в JavaScriptОбъект события Event в JavaScriptСобытие DOMContentLoaded в JavaScriptСобытие dblclick в JavaScriptСобытие click в JavaScriptСобытие change в JavaScriptСобытие beforeunload в JavaScript
Как работает метод some() - JavaScriptКак работает метод reverse() - JavaScriptКак работает метод reduce() - JavaScriptКак работает метод map() - JavaScriptКак работает метод indexOf() - JavaScriptКак работает метод isArray() - JavaScriptКак работает метод includes() - JavaScriptКак работает метод from() - JavaScriptКак работает метод forEach() - JavaScriptКак работает метод flatMap() - JavaScriptКак работает метод flat() - JavaScriptКак работает метод findIndex() - JavaScriptКак работает метод find() - JavaScriptКак работает метод filter() - JavaScriptКак работает метод every() - JavaScriptМассивы в JavaScript
Открыть базу знаний