Лабораторная работа №5. Реакция на события и их обработка



Скачать 57.77 Kb.
Дата25.11.2012
Размер57.77 Kb.
ТипЛабораторная работа
<b>Лабораторная работа №5. Реакция на события и их обработка.</b><br />В табл. 1.5 представлены события и элементы документов HTML, в которых эти события могут происходить. <br /><br /><b>Таблица 1.5. </b>События и объекты <br /><table width=683 cellpadding=0 cellspacing=1> <col width=140> <col width=234> <col width=304> <tr valign=top> <td width=140 height=25> <br />Событие<br /></td> <td width=234> <br />Объекты<br /></td> <td width=304> <br />Когда происходит событие<br /></td> </tr> <tr valign=top> <td width=140 height=27> <br />Abort<br /></td> <td width=234> <br />image<br /></td> <td width=304> <br />Отказ от загрузки изображения<br /></td> </tr> <tr valign=top> <td width=140 height=29> <br />Blur<br /></td> <td width=234> <br />windows, элементы формы<br /></td> <td width=304> <br />Потеря объектом фокуса<br /></td> </tr> <tr valign=top> <td width=140 height=27> <br />Change<br /></td> <td width=234> <br />text, textarea, select<br /></td> <td width=304> <br />Изменение значения элемента<br /></td> </tr> <tr valign=top> <td width=140 height=44> <br />Click<br /></td> <td width=234> <br />button, radio, checkbox, submit, reset, link<br /></td> <td width=304> <br />Щелчок на элементе или связи<br /></td> </tr> <tr valign=top> <td width=140 height=45> <br />DragDrop<br /></td> <td width=234> <br />windows<br /></td> <td width=304> <br />Перетаскивается мышью объект в окно браузера<br /></td> </tr> <tr valign=top> <td width=140 height=42> <br />Error<br /></td> <td width=234> <br />image, windows<br /></td> <td width=304> <br />Ошибка при загрузке документа или изображения<br /></td> </tr> <tr valign=top> <td width=140 height=47> <br />Focus<br /></td> <td width=234> <br />windows, элементы формы<br /></td> <td width=304> <br />Окно или элемент формы получает фокус<br /></td> </tr> <tr valign=top> <td width=140 height=42> <br />KeyDown<br /></td> <td width=234> <br />document, image, link, textarea<br /></td> <td width=304> <br />Нажатие клавиши клавиатуры<br /></td> </tr> <tr valign=top> <td width=140 height=43> <br />KeyPress<br /></td> <td width=234> <br />document, image, link, textarea<br /></td> <td width=304> <br />Удержание нажатой клавиши клавиатуры<br /></td> </tr> <tr valign=top> <td width=140 height=35> <br />KeyUp<br /></td> <td width=234> <br />document, image, link, textarea<br /></td> <td width=304> <br />Отпускаются клавиши клавиатуры<br /></td> </tr> <tr valign=top> <td width=140 height=31> <br />Load<br /></td> <td width=234> <br />Тело документа<br /></td> <td width=304> <br />Загружается документ в браузер<br /></td> </tr> <tr valign=top> <td width=140 height=25> <br />MouseDown<br /></td> <td width=234> <br />document, button, link<br /></td> <td width=304> <br />Нажатие кнопки мыши<br /></td> </tr> <tr valign=top> <td width=140 height=43> <br />MouseOut<br /></td> <td width=234> <br />area, link<br /></td> <td width=304> <br />Перемещение курсора из области изображения или связи<br /></td> </tr> <tr valign=top> <td width=140 height=27> <br />MouseOver<br /></td> <td width=234> <br />link<br /></td> <td width=304> <br />Перемещение курсора над связью<br /></td> </tr> <tr valign=top> <td width=140 height=29> <br />MouseUp<br /></td> <td width=234> <br />document, button, link<br /></td> <td width=304> <br />Отпускается кнопка мыши<br /></td> </tr> <tr valign=top> <td width=140 height=39> <br />Move<br /></td> <td width=234> <br />windows<br /></td> <td width=304> <br />Пользователь или сценарий перемещает окно<br /></td> </tr> <tr valign=top> <td width=140 height=29> <br />Reset<br /></td> <td width=234> <br />form<br /></td> <td width=304> <br />Нажатие кнопки Reset формы<br /></td> </tr> <tr valign=top> <td width=140 height=43> <br />Resize<br /></td> <td width=234> <br />windows<br /></td> <td width=304> <br />Пользователь или сценарий изменяет размеры окна<br /></td> </tr> <tr valign=top> <td width=140 height=39> <br />Select<br /></td> <td width=234> <br />text, textarea<br /></td> <td width=304> <br />Выбирается поле ввода элемента формы<br /></td> </tr> <tr valign=top> <td width=140 height=31> <br />Submit<br /></td> <td width=234> <br />form<br /></td> <td width=304> <br />Нажатие кнопки Submit формы<br /></td> </tr> <tr valign=top> <td width=140 height=26> <br />Unload<br /></td> <td width=234> <br />Тело документа<br /></td> <td width=304> <br />Пользователь закрывает документ<br /></td> </tr> </table> <br />Во многих рассмотренных примерах значением параметра обработки события был вызов функции, осуществляющей требуемые действия.<br /><br /><a name="23"></a>   Объект Math и его методы <br /><br />В языке JavaScript определены некоторые стандартные объекты и функции, пользоваться которыми можно без предварительного описания. Одним из стандартных объектов является объект Math. В свойствах упомянутого объекта хранятся основные математические константы, а его методы можно использовать для вызова основных математических функций. В табл. 1.6 приведены некоторые методы объекта Math. <br /><br /><b>Таблица 1.6.</b> Методы объекта Ma th <br /><table width=683 cellpadding=0 cellspacing=1> <col width=237> <col width=441> <tr valign=top> <td width=237 height=29> <br /><b>Метод объекта</b><br /></td> <td width=441> <br /><b>Описание метода</b><br /></td> </tr> <tr valign=top> <td width=237 height=27> <br />abs<br /></td> <td width=441> <br />Абсолютное значение<br /></td> </tr> <tr valign=top> <td width=237 height=27> <br />sin, cos, tan<br /></td> <td width=441> <br />Тригонометрические функции<br /></td> </tr> <tr valign=top> <td width=237 height=25> <br />log<br /></td> <td width=441> <br />Натуральный логарифм<br /></td> </tr> <tr valign=top> <td width=237 height=27> <br />ехр<br /></td> <td width=441> <br />Экспонента<br /></td> </tr> <tr valign=top> <td width=237 height=23> <br />min<br /></td> <td width=441> <br />Наименьшее значение двух аргументов<br /></td> </tr> <tr valign=top> <td width=237 height=27> <br />max<br /></td> <td width=441> <br />Наибольшее значение двух аргументов<br /></td> </tr> <tr valign=top> <td width=237 height=27> <br />pow<br /></td> <td width=441> <br />Показательная функция<br /></td> </tr> <tr valign=top> <td width=237 height=26> <br />sqrt<br /></td> <td width=441> <br />Квадратный корень<br /></td> </tr> </table> <br /><a name="24"></a>   Вычисление площади и периметра треугольника <br /><br />Напишем сценарий вычисления площади и периметра треугольника, заданного длинами сторон. <br /><br />Для того чтобы вычислить площадь треугольника по длинам сторон, можно воспользоваться формулой Герона, в соответствии с которой требуется применить функцию извлечения квадратного корня. Поэтому применим метод <br /><br />sqrt объекта Math: Math. sqrt. <br /><br />HTML-код представлен в листинге 1.15. <br /><br /><b>Листинг 1.15. Вычисление площади и периметра треугольника с помощью объекта Math</b> <br /><br /><HTML>  <br /><br /><HEAD> <br /><br /><ТITLE>Объект Math

 

 



<Р>Пример сценария с математической функцией 

<Р>Вычисление площади и периметра треугольника



Сторона 1:
 

Сторона 2:
 

Сторона 3:
 


onClick="care(forml)">


 

 

Похожие:

Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа №3. Знакомство с прерываниями. Лабораторная работа №4. Программная обработка клавиатуры
Лабораторная работа №1. Знакомство с общим устройством и функционированием ЭВМ. Изучение структуры процессора, организации памяти,...
Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа №1 Работа в Oracle Database Express Edition 1 Лабораторная работа №6
Лабораторная работа Выполнение расчетов с использованием программирования в среде Visual Basic for Applications
Лабораторная работа №5. Реакция на события и их обработка iconЧто такое реакция Манту? Для чего ее делают, и можно ли устраивать ребенка в ясли, если реакция положительная? Реакция Манту
Реакция Манту, как и реакция Пирке – диагностическая туберкулиновая проба, только более чувствительная. Ее применяют, чтобы выяснить,...
Лабораторная работа №5. Реакция на события и их обработка icon6. Обработка и количественный анализ сзм изображений
...
Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа №2 Обработка массивов
Цель работы: Изучение работы с массивами, организации арифметических циклов в языке ассемблера
Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа №7 Обработка файлов средствами языка Turbo Pascal
Освоение методики проектирования Pascal-программ с использованием операций с файлами
Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа № Обработка числовых последовательностей
Заполнить файл Input txt числовой последовательностью (например, 4,5,10,43,6,7). Последовательность генерируется случайным образом...
Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа №10 «Хранимые процедуры»
Хранимой процедурой называется именованный набор прекомпилированных команд sql, который работает точно так же, как и триггер, только...
Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа по теме: «ms doc. Основные команды.»
Мбоу «сош №8 г. Петровска Саратовской области» Лабораторная работа в среде ms dos
Лабораторная работа №5. Реакция на события и их обработка iconЛабораторная работа 08 Изучение дифракции рентгеновских лучей на кристаллах Москва 2005 г. 1 лабораторная работа 08
Цель работы: определение расстояний между атомными плоскостями в кристалле по имеющейся рентгенограмме
Разместите кнопку на своём сайте:
ru.convdocs.org


База данных защищена авторским правом ©ru.convdocs.org 2016
обратиться к администрации
ru.convdocs.org