Открытие окна

Синтаксис:

window.open (" URL или URI", " имя окна", " свойства окна")

Следующий оператор создаёт окно, которое отображает содержимое страницы https://www.kstu.ru:

window.open(" https://www.kstu.ru")

При создании окна вы можете также предоставить имя, в данном случае - kstuWindow, для обращения к окну как к цели/target при отправке формы или при переходе по гиперссылке.

window.open(" https://www.kstu.ru", " kstuWindow")

Имя окна не требуется при создании окна. Но окно обязано иметь имя, если вы хотите обратиться к нему из другого окна.

При открытии окна вы можете специфицировать атрибуты, такие как высота/height и ширина/width, панель утилит/toolbar, адресная строка/location field или полосы прокрутки/scrollbars. Следующий оператор создаёт окно без панели утилит, но с полосами прокрутки:

window.open (" https://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('https://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('https://www.kstu.ru', 'kstuWindow', 'left=300, top=300, width=200, hight=400, toolbar=no, menubar=no, location=no, directories=no')" >

Исполнение: