пример
Открыть "www.w3ii.com" в новом окне браузера:
window.open("http://www.w3ii.com"); Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
open() метод открывает новое окно браузера.
Совет: Используйте close() метод , чтобы закрыть окно.
Поддержка браузеров
| метод | |||||
|---|---|---|---|---|---|
| open() | да | да | да | да | да |
Синтаксис
window.open( Значения параметров параметр Описание URL Необязательный. Задает URL-адрес страницы, чтобы открыть. Если не указан URL, новое окно с о: пустой открыт name Необязательный. Определяет target атрибут или имя окна. Следующие значения поддерживаются: - _blank - URL загружается в новое окно. Это по умолчанию
- _parent - URL-адрес загружается в родительском фрейме
- _self - URL заменяет текущую страницу
- _top - URL заменяет все фреймы, которые могут быть загружены
- name - Имя окна (Примечание: имя не указывается название нового окна)
specs Необязательный. Разделенный запятыми список элементов, без каких-либо пробелов. Следующие значения поддерживаются:
channelmode=yes|no|1|0 Будь или не отображать окно в режиме кинотеатра. По умолчанию нет. только IE directories=yes|no|1|0 Вышло из употребления. Будь или не добавлять кнопки каталогов. По умолчанию это да. только IE fullscreen=yes|no|1|0 Будь или не отображать браузер в полноэкранном режиме. По умолчанию нет. Окно в полноэкранном режиме также должно находиться в режиме кинотеатра. только IE height=pixels Высота окна. Минимум значение равно 100 left=pixels Левое положение окна. Отрицательные значения не допускаются location=yes|no|1|0 Будь или не отображать поле адреса. только Opera menubar=yes|no|1|0 Будь или не отображать строку меню resizable=yes|no|1|0 Независимо от того или нет окно изменяемого размера. только IE scrollbars=yes|no|1|0 Будь или не отображать полосы прокрутки. IE, Firefox и Opera только status=yes|no|1|0 Независимо от того или нет, чтобы добавить строку состояния titlebar=yes|no|1|0 Будь или не отображать строку заголовка. Игнорируется, если Вызывающее приложение не является HTML Application или диалоговое окно доверенного toolbar=yes|no|1|0 Будь или не отображать панель инструментов браузера. IE и Firefox только top=pixels Верхнее положение окна. Отрицательные значения не допускаются width=pixels Ширина окна. Минимум значение равно 100
замещать Необязательный. Определяет, создает ли URL новую запись или заменяет текущую запись в списке истории. Следующие значения поддерживаются: - правда - URL заменяет текущий документ в списке истории
- ложь - URL создает новую запись в списке истории
Технические подробности
Возвращаемое значение: Ссылка на вновь созданное окно, или нулевое значение , если вызов не удался
Еще примеры
пример
Открыть о: пустой странице в новом окне:
var myWindow = window.open("", "", "width=200,height=100"); Попробуй сам "
пример
Открыть новое окно под названием "MsgWindow" , и написать какой - нибудь текст в нем:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px
tall!</p>"); Попробуй сам "
пример
Заменить текущее окно в новом окне:
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I
replaced the current window.</p>"); Попробуй сам "
пример
Откройте новое окно и контролировать его внешний вид:
window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); Попробуй сам "
пример
Открытие нескольких окон:
window.open("http://www.google.com/");
window.open("http://www.w3ii.com/"); Попробуй сам "
пример
Открыть новое окно. Используйте close() , чтобы закрыть новое окно:
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
} Попробуй сам "
пример
Открыть новое окно. Используйте свойство имени, чтобы вернуть имя нового окна:
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name +
"</p>"); Попробуй сам "
пример
Используя свойство нож, чтобы вернуть ссылку на окно, создавшего новое окно:
var myWindow = window.open("", "myWindow", "width=200,height=100");
// Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>"); // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>"); //
Text in the window that created the new window Попробуй сам "
<Окно объекта