Лекция 13 Тема « Основные элементы идеологии скриптового программирования » Преподаватель: Халелова Е.Н. - презентация

Презентация на тему: " Лекция 13 Тема « Основные элементы идеологии скриптового программирования » Преподаватель: Халелова Е.Н." — Транскрипт:

9 Это означает, что, например, если в окне браузера открыта Web-страница, содержащая форму, состоящую из текстового поля ввода и кнопки, то с точки зрения скриптового программирования будет представлена следующая структура: WinName.document.FormName.ButtonName FrameName. document. FormName Parent. FrameName. document. FormName Окно браузера документ форма Поле ввода кнопка простой сценарий.html передача по ссылке.html сценарий с функцией.html обработка из формы.html

10 3. Доступ к значениям параметров (свойств) объекта Большинство параметров, указываемых в составе соответствующего тому или иному объекту тэга, в скриптов ом программировании получает статус свойств этого объекта. Эти свойства носят собственные имена (часто совпадающие с названиями соответствующих параметров тэга), а их значения могут пере присваиваться, приводя таким образом к изменению вида соответствующего объекта

11 Например, document.FormName.TxtName.value = "Новый текст TxtMessage = document.FormName.TxtName.value if (document.FormName.TxtName.value == "Иванов") // проходи else { // стой! }

12 4. Объекты и события Язык JavaScript является по своей идеологии «объектно-событийным». Это означает, что таковым является загруженная в окно браузера Web-страница рассматривается как иерархическая совокупность обособленных объектов, каждому из которых присвоено собственное имя и определенный набор параметров (свойств), значения которых можно считывать в назначенные для этого переменные для использования в программе.

13 Например, х = window.document.MyForm.MyCheckbox.value Если имя указывается в качестве значения параметра ID, то обращение к таким объектам производится через запись all («все содержимое документа»). Например: х = document.all. myparag Аналогично, через document. all обращение производится и к поименованным (параметр NAME), но не заключенным в контейнер формы диалоговым элементам.

14 Над каждым из имеющихся на экране объектов могут совершаться те или иные действия (например нажатие или отпускание любой клавиши, одинарный или двойной щелчок мышью и т.д.). Факт совершения действий называется событием, произошедшим (совершившимся) для данного объекта. Всякий раз, когда операционная система фиксирует совершение какого-либо события, ею генерируется соответствующее прерывание и на исполнение вызывается присвоенный этому событию скрипт.

15 Например, для кнопки, являющейся элементом размещенной на Web- странице формы, программируется реакция на событие «щелчок мышью» подстановка в текстовое поле ввода требуемой строки: ">

16 Специфика HTML и JavaScript следующая: событие, совершившееся над неким объектом, являющимся составной частью иерархической структуры, обычно как бы передается по всей «цепочке вложенности». Например, если содержит в себе форму, а в ней кнопку, и ей присвоены отдельные функции обработки события «щелчок мышью» и для кнопки, и для формы, и для всего HTML- документа в целом, то щелчок мышью на кнопке вначале вызовет запуск на исполнение функции, «привязанной» к данному, событию для кнопки, затем функции для формы и после этого функций для документа в целом. При этом имеется возможность «разорвать» эту цепочку, запретив распространение события на объекты более высокого уровня вложенности.

17 5. Методы и функции Действия компьютера в ответ на произошедшее событие обычно реализуются вызовом тех или иных стандартных подпрограмм, которые в Java называются методами. Например, методами являются open (), close (), write () и пр. Обращение к методам в JavaScript производится аналогично обращению к свойствам объектов, например: WinName.document.write("Текст") WinName = window.open ( )

18 В отличие от методов, функции в JavaScript представляют собой «классические» подпрограммы, созданные (объявленные) самим пользователем, разрабатывающим Java-скрипт. В плане же функционирования и функции, и методы аналогичны друг другу (для них используется, по сути, один и тот же механизм передачи в скобках аргументов формальных и фактических).

19 6. Переменные-макроподстановки В отличие от обычных языков программирования, в JavaScript переменные служат не только для хранения значений (чисел и текстовых строк), используемых в вычислениях, но и в качестве «макроподстановок». WinName.document.write("Текст 1"); WinName.document.write("Текст 2") ; WinName.document.write("Текст 3"); WinName.document.write("Текст n") ; заменяется на фрагмент DocName = WinName.document; DocName.write("Текст 1"); DocName.write("Текст 2"); DocName.write("Текст n");

20 Контрольные вопросы: 1. Назовите основные принципы работы со скриптами. 2. Поясните на примере понятие объектной модели браузера. 3. Как происходит доступ к значениям параметров (свойств) объекта? 4. К какой категории языков программирования относится JavaScript? 5. Что является событием в ООП? Приведите пример события. 6. Какова специфика HTML и JavaScript ? 7. Что такое метод? Приведите пример. 8. Что является функцией в JavaScript? 9. Для чего используют переменные- макроподстановки?