23. Концепция клиентского скрипта в Web-среде
* Доставляется клиенту в составе HTML-документа
* Исполняется Web-браузером. Запускается при загрузке документа и/или как отклик на события элементов объектной модели Web-браузера
* Имеет доступ к объектной модели Web-браузера
Способы задания клиентского скрипта
1. Тегом <script…>…</script>
2. При описании ЭУ значением атрибута, который указывает на событие, обрабатываемое скриптом
Пример: <HTML> <HEAD>
<script language = “VBScript”> msgbox “Head”
</script>
</HEAD>
<BODY> Body
<script language = “VBScript”> msgbox “Body”
</script>
<Input type = “Button” Value = “Press me” onclock = “MsgBox `onclick`”>
</Form> </BODY> </HTML>
Объектная модель ie и доступ к ее элементам. Объект Body
Основные объекты
Window
Document All
Document Frames Anchors
History Body
Navigator Images
Location
Forms Elements
Event Links
Screen Scripts
Назначение некоторых объектов
1) Window – головной объект-контейнер для других элементов ОМ. Объекты следующего уровня (document, frames и т.д.) доступны в качестве свойств Window
2) Document – объектная модель элемента гипертекста. Содержимое элемента гипертекста доступно для чтения и частичной модификации через объект Document
3) Frames – коллекция фреймов (окон), в каждый из которых может быть загружен элемент гипертекста. Фреймы считаются непопулярным механизмом
4) History – коллекция посещенных после запуска браузера гиперссылок
5) Screen – объект содержит значения свойств дисплея
Объект Document
Состоит из коллекций, характеризующих элементы документа. Элементы коллекции All описывают теги, из которых состоит html-документ. Объект Body содержит данные обо всех тегах и блоках текста в основной части html-документа. Каждый объект коллекции Body имеет свойства об иерархических связях между элементами html-документа. Anchors, Images, Forms, Links, Scripts – коллекции объектов (якорей, рисунков, форм, гиперссылок и скриптов) соответственно. Elements – коллекция ЭУ на форме. Элементы коллекции нумеруются с 0. Каждый элемент коллекции описан тегом. Элемент коллекции может быть идентифицирован значением атрибута Name этого тега.
Пример элемента гипертекста
<body name = “Bd”>
<h3 align = center Name = “H31”> Исходные данные </h3>
<form Name = “F1”>
<input type = text name = “a0” value = “0” size = “20”> <br name = “br1”>
<input type = text name = “a1” value = “1” size = “20”> <br name = “br2”>
<input type = text name = “a2” value = “2” size = “20”> <br name = “br3”>
</form> </body>
Объект Body
Пример доступа к элементам коллекций
Z = 1000
Top.document.forms(0).elements(“a2”).value = z
Z = Top.document.forms(0).elements(“a2”).value
msgBox z
Перебор элементов коллекции
X = “”
For each z In Top.document.forms(0).elements
X = x&” ”&z.value
Next
msgBox
Считывание/изменение блока текста
Set x = Top.document.body
Set y = x.firstchild: set x = y.firstchild
msgBox x.data: x.data = “ku-ku”