Проект Programmers.kz и школа hotPen3D2D предлагает Вам курсы по веб-дизайну, веб-программированию и компьютерной графике. Подробности здесь.

 
Информация к новости

Оконные функции

Категория: WEB-программирование / JavaScript / Уроки JavaScript

За действия с окнами в Java Script отвечает объект window. Для начала, рассмотрим предыдущий пример и разберем его. Перед этим рассмотрим, какие имеются элементы у окон.


Итак надпись "about:blank - Microsoft Internet Explorer" и есть заголовок окна, который мы можем изменить с помощью метода title объекта document. Этот объект мы пока не рассматриваем подробно, но он управляет видом заголовка окна, хотя непосредственно предназначен для формирования документа, т.е. того, что отображается в клиентской области.


document.title = "Мой первый Java Script";  
 


За строку состояния отвечает код:


window.status = "Загружено";  
 


Т.е задействован метод status объекта window и в строке состояния вместо "Готово" высветится "Загружено".

Методы window window.event.x и window.event.y возвращают координаты курсора мыши в клиентской области окна. Т.е. верхнему левому углу соответствует (0, 0) - X=0 и Y=0, а в правом нижнем в соответствии с текущими размерами окна и разрешением монитора.

Строка в Java Script может формироваться из собственно текстовых фрагментов и переменных с помощью оператора "+". Пример:


str = "X=" + window.event.x + " Y=" + window.event.y;
 

Текстовые фрагменты записываются в кавычках. Переменные и методы объектов в составной строке записываются без кавычек.

Ну вот, теперь вроде разобрались с тем, что делал наш предыдущий HTML-документ с внедренным Java Script-ом.

А теперь продолжим и рассмотрим метод open объекта window

Этот метод открывает новое окно браузера и отображает в нем тот документ, на который была ссылка. Запись такая


window.open(URL , name , features , replace)  


URL Ссылка на HTML документ, который должен быть загружен в новом окне.Если URL не задан, то откроется новое пустое окно, которое мы видели в самом начале этого раздела. name Не обязательный параметр, отражающий имя нового окна. features Не обязательный параметр, устанавливающий вид нового окна, т.е. наличие или отсутствие элементов, перечисленных на выше рассмотренном рисунке. Все ниже описанные параметры могут иметь значения yes/no или 1/0. Т.е. yes (или 1) значит, что элемент включен, а no (или 0) . fullscreen Указывает открывать ли новое окно в полноэкранном режиме, т.е. том режиме, который может быть получен выбором к примеру в Internet Explorer пункта Во весь экран (Full screen) меню Вид (View). Если этот параметр не задан, то по умолчанию он равен 0.

channelmode Окно загрузится со включенной панелью "каналы". Т.е. в том виде, который был бы, если бы вы нажали кнопку "каналы" toolbar Если 1, то окно откроется с кнопками управления. location Отражает или скрывает адресную строку. directories Показывает или скрывает кнопку каталогов. По умолчанию - 0. status Показывает или скрывает строку состояния. menubar Показывает или скрывает меню. По умолчанию yes. scrollbars Наличие полос прокрутки. По умолчанию yes. resizable Показывает или скрывает маркер изменения размеров страницы в правом нижнем углу. Работает только при включенной строке состояния. width=целое число Устанавливает ширину окна в пикселях. Минимальное значение - 100. height=целое число Устанавливает высоту окна в пикселях. Минимальное значение - 100. top=целое число Позиция в пикселях положение верхнего левого угла окна по вертикали относительно верхней части экрана. left=целое число Позиция в пикселях положение верхнего левого угла окна по горизонтали относительно левой части экрана.

replace Не обязательный параметр имеющий два логических значения: true и false. В случае true новое окно заносится в историю работы в браузере, т.е. это окно можно в дальнейшем будет найти нажатием кнопки "Назад" Вашего браузера. Если этот параметр не указан, то в историю работы новое окно не заносится.

Этот метод возвращает ссылку на новое окно.

Для того чтобы реализовать этот метод создадим не большой HTML-документ, который назовем popup.htm (от англ. pop-up - всплывать):


 <html>
 <head>
 <meta http-equiv="Content-Type" 
content="text/html; charset=windows-1251">
 <title>Всплывающий документ </title>
 </head>
 <body>
 <h3 align=center>Этот текст во вновь открытом окне!!! </h3>
 </body>
 </html>      
         


А теперь создадим документ test.htm, в котором реализуем метод со следующими параметрами:


  window.open("popup.htm",null,
              "height=200,width=400,status=no,
toolbar=no,menubar=no,location=no");

Т.е. должно открыться новое окно 200 пикселей в высоту, 400 пикселей в ширину, без строки состояния, меню, кнопок и адресной строки. А вызов нового окна будет реализован с помощью ссылки. Каждый параметр метода open записывается через запятую и в кавычках. Итак код HTML-документа test.htm.


<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тестирование всплывающего окна </title> <SCRIPT LANGUAGE="JScript"> <!-- function popup() { window.open("popup.htm",null, "height=200,width=400,status=no,toolbar=no, menubar=no,location=no"); } --> </SCRIPT> </head> <body> <h3 align=center>Нажмите на ссылку ниже и Вы откроете новое окно. </h3> <p align="center"> <a href="javascript:popup()"> Новое окно </a> </p> </body> </html>

Обратите внимание на конструкцию:


 <a href="javascript:popup()">  


Так можно внедрять код javascript в обычную HTML-ссылку. Обратите внимание, что в этой конструкции частой ошибкой являются пробелы. Правильная запись:


 <a href="javascript:popup()">
а не  <a href="javascript :popup()"> или  
<a href="javascript: popup()">. 

Источник: web-brodilka.ru
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.