Метод open()
Пример open()
Откройте "www.schoolsw3.com" в новой вкладке браузера:
window.open("https://www.schoolsw3.com");
Попробуйте сами »
Ещё примеры ниже.
Описание open()
Метод open() открывает новое окно браузера или новую вкладку в зависимости от настроек вашего браузера и значений параметров.
Похожи на open()
Синтаксис open()
window.open(URL, name, specs, replace)
Параметры open()
| Параметр | Описание | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| URL | Необязательно. URL-адрес открываемой страницы. Если URL-адрес не указан, открывается новое пустое окно/вкладка. |
||||||||||||||||||||||||
| name | Необязательно. Атрибут target или имя окна. Поддерживаются следующие значения: | ||||||||||||||||||||||||
|
|||||||||||||||||||||||||
| specs | Необязательно. Список элементов, разделенных запятыми, без пробелов. Поддерживаются следующие значения: | ||||||||||||||||||||||||
| |||||||||||||||||||||||||
| replace |
УстарелоУказывает, создает ли URL новую запись или заменяет текущую запись в списке истории. Поддерживаются следующие значения:
ПредупреждениеПри использовании этого параметра Chrome выдает исключение. Источник: Bugs Chromium Issue 1164959. |
||||||||||||||||||||||||
Возвращаемое значение open()
| Ссылка на новое окно или null, если вызов не удался. |
Ещё примеры open()
Открыть страницу about:blank в новом окне/вкладке:
var myWindow = window.open("", "", "width=200,height=100");
Попробуйте сами »
Откройте новое окно под названием "MsgWindow", и напишите в нем какой-нибудь текст:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>Это 'MsgWindow'. Я 200 пикселей в ширину и 100 пикселей в высоту!</p>");
Попробуйте сами »
Заменить текущее окно новым окном:
var myWindow = window.open("", "_self");
myWindow.document.write("<p>Я заменил текущее окно.</p>");
Попробуйте сами »
Откройте новое окно и управляйте его внешним видом:
window.open("https://www.schoolsw3.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400");
Попробуйте сами »
Открыть несколько вкладок:
window.open("http://www.google.com/");
window.open("https://www.schoolsw3.com/");
Попробуйте сами »
Открыть новое окно. Используйте close(), чтобы закрыть новое окно:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Открывает новое окно
}
function closeWin() {
myWindow.close(); // Закрывает новое окно
}
Попробуйте сами »
Открыть новое окно. Используйте свойство name, чтобы вернуть имя нового окна:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>Имя этого окна: " + myWindow.name + "</p>");
Попробуйте сами »
Использование свойства opener для возврата ссылки на окно, создавшее новое окно:
var myWindow = window.open("", "myWindow", "width=200,height=100"); // Открывает новое окно
myWindow.document.write("<p>Это 'myWindow'</p>"); // Текст в новом окне
myWindow.opener.document.write("<p>Это исходное окно!</p>"); // Текст в окне, создавшем новое окно
Попробуйте сами »
Поддержка браузера open()
open() поддерживается во всех браузерах:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Да | Да | Да | Да | Да | Да |