
- •История создания и и спользования javascript
- •3. Базовые возможности языка JavaScript. Типы данных.
- •4. Базовые возможности языка JavaScript. Функции и объекты.
- •5. Базовые возможности языка js. Блоки.
- •6. Примитивные типы даны в js
- •8. Преобразование типов. Слабый контроль типов.
- •9. Принципы построения операторов. Арифметические операции.
- •24.Объект Math
- •25. Объекты связанные с типами данных
- •26. Регулярное выражение. Основные понятия.
- •33. Обход дерева dom
- •34. События в js
- •35. Базовая модель событий.
- •36. События мыши, клавиатуры, браузера
- •37. События интерфейса пользователя, мутации. Создание событий.
- •38. Объект Window. Создание диалоговых окон. Открытие и закрытие окон.
- •39. Управление окнами
- •40.События объекта window
- •41. Фреймы.
- •42. Расширения window
- •43. Объект Document. Свойства объекта Document
- •44. Методы объекта Document
- •45. Доступ к элементам html – документа
- •46. Формы
- •47. Поля формы
40.События объекта window
onblur Происходит при потере окном фокуса ввода
onerror Рудиментарное событие реакции на ошибку JavaScript
onfocus Происходит при получении окном фокуса ввода
onload Происходит при завершении загрузки документа в окно. Предупреждение: не всегда четко определено во времени
onresize Происходит при изменении размеров окна пользователем
onunload Происходит при выгрузке документа, например, в результате перехода по внешней ссылке или при закрытии окна
Internet Explorer и Netscape добавили в объект Window множество своих событий. Наиболее полезные из них представлены в таблице.
onafterprint Возникает после завершения печати содержимого окна
onbeforeprint Происходит непосредственно перед началом печати или предварительного просмотра содержимого окна
onbeforeunload Происходит непосредственно перед выгрузкой окна. Должно возникать перед событием onunload
ondragdrop Возникает, когда документ помещается в окно путем перетаскивания (только Netscape)
onhelp Возникает при нажатии клавиши вызова справки (обычно это F1)
onresizeend Возникает, когда заканчивается процесс изменения размеров окна (например, когда пользователь заканчивает перетаскивание углового маркера окна)
onresizestart Возникает, когда начинается процесс изменения размеров окна (например, когда пользователь начинает перетаскивание углового маркера окна)
onscroll Возникает, когда окно прокручивается в любом направлении
41. Фреймы.
Типичные недоразумения среди Web-разработчиков вызывает взаимосвязь между фреймами и окнами. С точки зрения как (X)HTML, так и JavaScript каждый фрейм, показанный на экране, является окном, которым можно управлять. Когда окно браузера содержит множество фреймов, можно получить доступ к каждому из этих объектов через window.frames[ ] — массив индивидуальных фреймов, содержащихся в данном окне. Основные свойства, полезные для работы с фреймами, представлены в таблице. Обратите внимание на то, что многие из этих свойств соответствуют зарезервированным значениям для фреймов, используемым в (X)HTML.
Свойство Window Описание
frames[] Массив объектов фреймов, содержащихся в данном окне
length Число фреймов в окне. Должно совпадать со значением window, frames . length
name Текущее имя окна. Может читаться и устанавливаться, начиная с JavaScript 1.1
parent Ссылка на родительское окно
self Ссылка на текущее окно
top Ссылка на окно верхнего уровня. Часто окно верхнего уровня и родительское оказываются одним и тем же окном, если только дескриптор <frame> не загружает документы, также содержащие фреймы
window Еще одна ссылка на текущее окно
Способ определения количества фреймов
window.parent.frames.length
-
или
parent.frames.length
42. Расширения window
Поскольку объект Window не попал под действие ни одного из стандартов — ни DOM, ни JavaScript — и ввиду его особой важности с точки зрения практики программирования, были предложены многочисленные расширения этого объекта. Большинство из этих расширений настолько новы и в такой степени фирменны, что им еще только предстоит завоевать умы Web-разработчиков. В данном разделе содержится обзор наиболее полезных расширений объекта Window, предложенных производителями браузеров.
Расширения окон IE: модальные, немодальные и всплывающие окна
Internet Explorer поддерживает несколько специальных видов окон. Одним из них является модальное окно. Как и стандартное диалоговое окно, это окно общего вида является модальным по отношению к странице: оно должно быть закрыто, чтобы можно было двигаться дальше. Основным синтаксисом создания модального диалогового окна является
window.showModalDiaIog(URL, аргументы, опции);
где
URL — URL-адрес документа для отображения в окне;
аргументы — любые объекты или значения, которые требуется передать модальному диалоговому окну;
опции — список опций оформления диалогового окна, разделенных точкой с запятой.
Метод showModalDialog() также возвращает значение. Это значение может быть установлено с помощью свойства window.returnValue документа. Возврат этого значения произойдет автоматически. Эта возможность позволяет без труда создать диалоговые окна типа prompt() и confirm(), возвращающие значения.
окна. Немодальноё окно всегда остается перед окном, из которого оно было создано, даже когда последнее получает фокус. Типичным вариантом использования немодального окна можно считать отображение справки или другой полезной информации. Однако, существенно отличаясь функциями, синтаксис вызова немодального диалогового окна Microsoft аналогичен синтаксису вызова модального диалогового окна:
ссылка = window.showModelessDialog(URL, аргументы, опции);
Параметры метода остаются теми же, но возвращаемое значение является ссылкой на созданное окно (на тот случай, если им придется позже управлять). Это значение подобно значению, возвращаемому window.open().
Последним типом специального окна, поддерживаемым Microsoft, является всплывающее окно общего вида. Всплывающие окна создаются с помощью метода window.createPopup(), который не требует аргументов и возвращает указатель на созданное окно:
var myPopup = window.createPopup();
Эти окна создаются, но изначально оказываются скрытыми. Их можно отобразить с помощью метода show() и скрыть с помощью метода hide(), как показано ниже:
myPopup.show(); // отображает всплывающий объект
myPopup.hide(); // скрывает всплывающий объект