Для создания popup окон существует функция window.open(), которая имеет следующий синтаксис:

window.open( URL, windowName[, windowFeatures][, aFlag]);

Здесь URL - это ссылка, которая будет открыта в новом окне, windowName - имя окна, windowFeatures (необязательный параметр) - свойства окна. Параметр aFlag (необязательный параметр) указывает на то, как нужно добавить URL в список history. Значение false указывает на то, что URL должен быть добавленв в конец списка истории посещений, а значение true указывает на то, что новый URL должен заменить существующую запись списка посещений. Функция возвращает ссылку на созданое окно.

Простой пример использования функции:

 window.open ("http://www.jstoolbox.com","mywindow");

При помощи третьего параметра функции можно устанавливать такие свойства окна, как ширина, высота, наличие строки состояния и т.д. Полный список параметров:

• status - отображение строки состояния (status bar) внизу окна.
• toolbar - отображение панели инструментов (панель с кнопками “Вперед”, “Назад”).
• location - отображение адресной строки (строка, в которую вводится URL).
• menubar - отображение меню окна.
• directories - отображение стандартных кнопок окна.
• resizable - позволяет/запрещает изменение размера окна.
• scrollbars - показвает полосы прокрутки, если документ больше окна.
• height - высота окна в пикселах.
• width - ширина окна в пикселах.

Примеры

Окно 350 на 250 пикселов со строкой меню. Размеры окна можно изменять.

 window.open ("http://www.jstoolbox.com", "mywindow","menubar=1,resizable=1,width=350,height=250");

Окно 100 на 100 с адресной строкой, полосами прокрутки и строкой состояния.

 window.open ("http://www.jstoolbox.com","mywindow","location=1,status=1,scrollbars=1,width=100,height=100");

Чтобы переместить окно в нужное место на экране, можно воспользоваться функцией moveTo:

wnd = window.open ("http://www.jstoolbox.com", "mywindow","location=1,status=1,scrollbars=1,width=100,height=100");
wnd.moveTo(100,200);

В этом примере, фукнция window.open() возвращает ссылку на созданное окно. Затем, используя ссылку, вызывается функция moveTo, которая устанавливает координаты окна 100 (по горизонтали) и 200 (по вертикали).