Синтаксис:
window.open ("URL или URI","имя окна","свойства окна")
Следующий оператор создаёт окно, которое отображает содержимое страницы http://www.kstu.ru:
window.open("http://www.kstu.ru")
При создании окна вы можете также предоставить имя, в данном случае - kstuWindow, для обращения к окну как к цели/target при отправке формы или при переходе по гиперссылке.
window.open("http://www.kstu.ru", "kstuWindow")
Имя окна не требуется при создании окна. Но окно обязано иметь имя, если вы хотите обратиться к нему из другого окна.
При открытии окна вы можете специфицировать атрибуты, такие как высота/height и ширина/width, панель утилит/toolbar, адресная строка/location field или полосы прокрутки/scrollbars. Следующий оператор создаёт окно без панели утилит, но с полосами прокрутки:
window.open ("http://www.kstu.ru","wwwWindow","toolbar=no,scrollbars=yes")
Некоторые свойства окна:
directories - Если yes, создаются стандартные кнопки директорий браузера, такие как What's New и What's Cool.
height - Специфицирует высоту окна в пикселах.
innerHeight - Специфицирует высоту области содержимого окна в пикселах. Это свойство заменило height, которое оставлено для обеспечения обратной совместимости.
|
|
innerWidth - Специфицирует ширину области содержимого окна в пикселах. Это свойство заменило width, которое оставлено для обеспечения обратной совместимости.
location - Если yes, создаёт поле ввода Location.
menubar - Если yes, создаёт строку меню в верхней части окна.
outerHeight - Специфицирует размер по вертикали в пикселах внешней границы окна.
resizable - Если yes, даёт пользователю возможность изменять размеры окна.
screenX - Специфицирует расстояние, на котором новое окно помещается от левого края экрана.
screenY - Специфицирует расстояние, на котором новое окно помещается от верха экрана.
scrollbars - Если yes, создаются вертикальная и горизонтальная полосы прокрутки, если документ становится больше размеров окна.
status - Если yes, создаётся статусная строка внизу окна.
titlebar - Если yes, создаётся окно со строкой заголовка.
toolbar - Если yes, создаётся стандартная панель браузера с кнопками, такими как Back и Forward.
width - Специфицирует ширину окна в пикселах.
Для того чтобы функция отрабатывалась при нажатии мышкой на элементе документа, будем использовать событие onClick объекта Document.
Пример:
Откроем ссылку в новом окне
<a href=""
onClick="window.open('http://www.kstu.ru','kstuWindow','left=300,top=300,width=200,hight=400,toolbar=no,menubar=no,location=no,directories=no')">
Открыть новое окно
</a>
Исполнение: Открыть новое окно
Тоже самое можно сделать с помощью кнопки:
<input type="button" value="Открыть новое окно"
onClick="window.open('http://www.kstu.ru','kstuWindow','left=300,top=300,width=200,hight=400,toolbar=no,menubar=no,location=no,directories=no')">
Исполнение: