Window.Open()

Метод open() предназначен для создания новых окон. В общем случае его синтаксис выглядит следующим образом:

myWin = window.open("URL", "имя_окна", "параметр=значение, параметр=значение, ...", заменить);

Первый аргумент задает адрес страницы, загружаемой в новое окно (можно оставить пустую строку, тогда окно останется пустым). Второй аргумент задает имя окна, которое можно будет использовать в атрибуте TARGET контейнеров <A> и <FORM>. В качестве значений допустимы также зарезервированные имена _blank, _parent, _self, _top, смысл которых такой же, как у аналогичных значений атрибута TARGET. Если имя_окна совпадает с именем уже существующего окна (или фрейма), то новое окно не создается, а все последующие манипуляции с переменной myWin будут применяться к этому окну (или фрейму).

Третий аргумент ‑ это не содержащая пробелов строка, представляющая собой список параметров и их значений, перечисленных через запятую. Указание каждого из параметров необязательно, однако значения по умолчанию могут зависеть от браузера, поэтому всегда следует указывать явно существенные параметры.

Вместо значений yes и no можно использовать 1 и 0. Последний аргумент "заменить" является необязательным, принимает значения true и false и означает: следует ли новый URL добавить в history в качестве нового элемента или заменить им последний элемент history.

Метод window.open() возвращает ссылку на вновь открытое окно, т.е. объект класса Window. Его можно присвоить переменной, с тем чтобы потом можно было управлять открытым окном (писать в него, читать из него, передавать и убирать фокус, закрывать).

Приведем два примера открытия нового окна:

<FORM>

<INPUT TYPE=button VALUE="Простое окно"

onClick="window.open('', 'test1',

'directories=no,height=200,location=no,'+

'menubar=no,resizable=no,scrollbars=no,'+

'status=no,toolbar=no,width=200');">

<INPUT TYPE=button VALUE="Сложное окно"

onClick="window.open('', 'test2',

'directories=yes,height=200,location=yes,'+

'menubar=yes,resizable=yes,scrollbars=yes,'+

'status=yes,toolbar=yes,width=200');">

</FORM>

При нажатии кнопки "Простое окно" получаем окно со следующими параметрами:

• directories=no — окно без панели папок;

• height=200 — высота 200 px;

• location=no — поле адреса отсутствует;

• menubar=no — без меню;

• resizable=no — размер окна изменять нельзя;

• scrollbars=no — полосы прокрутки отсутствуют;

• status=no — статусная строка отсутствует;

• toolbar=no — системные кнопки браузера отсутствуют;

• width=200 — ширина 200 px.

При нажатии кнопки "Сложное окно" получаем окно, где:

• directories=yes — окно с панелью папок;

• height=200 — высота 200 px;

• location=yes — поле адреса есть;

• menubar=yes — меню есть;

• resizable=yes — размер изменять можно;

• scrollbars=yes — есть полосы прокрутки;

• status=yes — статусная строка есть;

• toolbar=yes — системные кнопки браузера есть;

• width=200 — ширина 200 px.