42247

Программирование на языке JavaScript (использование средств объектной модели документа)

Лабораторная работа

Информатика, кибернетика и программирование

Целью работы является приобретение навыков использования свойств и методов предоставляемых объектной моделью документа DOM и средств обработки событий для создания интерактивных Webстраниц с использованием языка сценариев JvScript. Программное обеспечение: операционная система Windows Webбраузер Internet Explorer версии 6. их представление в виде объектов с заданными свойствами и запрограммированными методами должна выполняться производителем Webбраузера. form select Выделяет содержимое области типа text file или...

Русский

2013-10-28

217 KB

11 чел.

 14 -

Лабораторная Шонин В.А. работа 2-11

Программирование на языке JavaScript (использование средств объектной модели документа) 

1. Цель работы

Целью работы является приобретение навыков использования свойств и методов, предоставляемых объектной моделью документа (DOM) и средств обработки событий для создания  интерактивных Web-страниц с использованием языка сценариев JavaScript.

2. Состав рабочего места

2.1. Оборудование: IBM-совместимый   персональный компьютер (ПК).

2.2. Программное обеспечение: операционная система Windows, Web-браузер Internet Explorer версии 6.0 и выше.

3. Краткие теоретические сведения

3.1. Ядро DOM

3.1.1. Интерфейсы DOM 

Объектная модель документов определяет:

  •  интерфейсы, используемые для представления объектов документа и манипулирования с ним;
  •  семантику (смысл) этих интерфейсов, включая и поведение, и параметры;
  •  «родственные» связи и взаимодействие между этими интерфейсами.

Реализация интерфейсов, т.е. их представление в виде объектов с заданными свойствами и запрограммированными методами должна выполняться производителем Web-браузера.

Основное назначение такой реализации – предоставить возможность доступа и манипулирования элементами документа из программы с помощью объектов документа, а также обеспечить взаимодействие между объектами.

3.1.2. Интерфейс Node

В объектной модели документа, реализованной для HTML, в узлах иерархического дерева документа могут находиться любые элементы HTML или текст, называемые узловыми элементами. Эти элементы могут содержать, в свою очередь, дочерние узлы различных типов или являться конечными узлами (листьями).

Каждый узловой элемент  описываются с помощью интерфейса  Node. Для этого интерфейса определены свойства, приведенные в табл. 11.1.

Таблица 11.1. Свойства интерфейса Node

Свойство

Назначение

Возможность изменения

attributes

Содержит набор атрибутов объекта (узлов типа Attr).

Нет.

childNodes

Содержит все дочерние узлы данного узла.

Нет.

firstChild

Возвращает первый объект набора childNodes.

Нет.

lastChild

Возвращает последний объект набора childNodes.

Нет.

nextSibling

Возвращает следующий дочерний узел родительского узла.

Нет

nodeName

Возвращает имя данного узла.

Нет.

nodeType

Возвращает целое число, характеризующее тип данного узла.

Нет.

nodeValue

Устанавливает или возвращает значение данного узла.

Да.

ownerDocument

Устанавливает или возвращает объект типа  Document, связанный с данным узлом.

Да.

parentNode

Возвращает родительский узел данного узла.

Нет.

previousSibling

Возвращает предшествующий дочерний узел родительского узла.

Нет.

Типы узлов (объектов Node) для HTML приведены в табл. 11.2.

Таблица 11.2. Типы узлов (объектов Node) для HTML

Интерфейс

Назначение

Значение

Атрибута nodeType

Document 

Представляет весь документ HTML (является корнем дерева документа и содержит узлы типа Element и Comment).

9

DocumentType

Тип документа HTML (представлен элементом <!DOCTYPE>)

10

DocumentFragment

Фрагмент документа (содержит отдельные «ветви» дерева документа также состоящие из узлов типа Element и Comment).

11

Element

Элемент документа (может содержать другие узлы типа Element, а также узлы типов Text и Comment).

1

Attr

Атрибут объекта Element (может содержать объекты типа Text).

9

Comment

Комментарий (не имеет дочерних элементов).

8

Text

Текстовое содержимое узла (в HTML содержимое контейнера родительского узла) (не имеет дочерних элементов).

3

Методы, определенные для интерфейса Node, приведены в табл. 11.3.

Таблица 11.3. Методы интерфейса Node

Вызов метода

Действие

Возвращаемое значение

appendChild(узел) 

Добавляет новый узел в конец набора дочерних узлов данного узла.

Добавленный объект типа Node.

cloneNode(глубина) 

Создает дубликат указанного узла с теми же атрибутами и значениями атрибутов. Если в качестве параметра указано true копируется также содержимое узла (дочерний текстовый узел), если false – дочерний узел не копируется.

Созданный объект типа Node.

hasChildNodes()

Проверяет наличие дочерних узлов у данного узла.

true – если дочерние узлы есть, иначе – false.

insertBefore(новый-узел, узел)

Вставляет дочерний узел перед указанным дочерним узлом данного узла.

Добавленный объект типа Node.

normalize()

Приводит все узлы типа Text, расположенные ниже этого узла к нормальной форме, т.е. объединяет все соседние узлы типа Text в один узел.

Нет.

removeChild(узел)

Удаляет указанный дочерний узел данного узла.

Удаленный объект типа Node.

replaceChild(новый-узел, узел)

Заменяет дочерний узел  данного узла на заданный новый-узел.

Замененный объект типа Node.

Интерфейс Node практически не используется непосредственно, однако его свойства и методы используются его дочерними интерфейсами Document, DocumentFragment, Element, Attr, Comment и Text, поэтому примеры использования методов этого интерфейса будут приведены при рассмотрении указанных узлов.

3.1.3. Интерфейс Document

определены свойства documentElement и doctype (только для чтения), возвращающие соответственно корневой узел данного документа и объект типа DocumentType. Оба свойства доступны только для чтения.

Методы интерфейса Document приведены в табл. 11.4.

Таблица 11.4. Методы интерфейса Document

Вызов метода

Действие

Возвращаемое значение

createAttribute(имя) 

Создает новый атрибут с указанным именем.

Созданный объект типа Attr.

createComment(данные)

Создает комментарий с указанными данными.

Созданный объект типа Comment.

createDocumentFragment()

Создает пустой узел типа DocumentFragment.

Созданный объект типа DocumentFragment.

createElement(имя-дескриптора)

Создает новый узел с указанным дескриптором.

Созданный объект типа Element.

createTextNode(данные)

Создает новый узел типа Text с указанными данными.

Созданный объект типа Text.

getElementById(значение-атрибута-id)

Возвращает узел типа Element по заданному значению атрибута id.

Объект типа Element.

getElementsByTagName(имя-дескриптора)

Возвращает все узлы, содержащие дескриптор с указанным именем.

Набор объектов типа Element.

Кроме того, интерфейс Document наследует все свойства и методы интерфейса Node.

3.1.4. Интерфейс DocumentFragment

Интерфейс DocumentFragment не имеет собственных свойств и методов, а наследует все свойства и методы интерфейса Node.

3.1.5. Интерфейс Element

Интерфейс Element имеет свойство tagName (только для чтения), возвращающее имя дескриптора для данного элемента, а также методы, приведенные в табл. 11.5.

Таблица 11.5. Методы интерфейса Element

Вызов метода

Действие

Возвращаемое значение

getAttribute(имя) 

Возвращает значение атрибута с указанным именем.

Строка значения атрибута.

getAttributeNode(имя) 

Возвращает узел для атрибута с указанным именем.

Объект типа Attr.

getElementsByTagName(имя-дескриптора)

Возвращает все узлы, содержащие дескриптор с указанным именем.

Коллекция объектов типа Element.

removeAttribute(имя)

Удаляет атрибут с указанным именем.

Нет.

removeAttributeNode(имя) 

Удаляет узел для атрибута с указанным именем.

Удаляемый объект типа Attr.

setAttribute(имя, значение)

Добавляет атрибут с указанным именем и значением или изменяет значение атрибута (если атрибут с указанным именем уже есть).

Нет.

setAttributeNode(узел) 

Добавляет узел или изменяет значение узла (если такой узел уже есть).

Добавленный объект типа Attr.

 

Интерфейс Element также наследует все свойства и методы интерфейса Node.

3.1.6. Интерфейс Attr  

Интерфейс Attr является атрибутом узла Element со следующими свойствами: name (только для чтения) – содержит имя атрибута и value – возвращает  или устанавливает значение атрибута.

Своих методов узел Attr не имеет, но он также наследует все свойства и методы интерфейса Node.

3.1.7. Интерфейс Comment

Интерфейс Comment не имеет собственных свойств и методов, а только свойства и методы, унаследованные от интерфейса Node.

3.1.8. Интерфейс Text

Интерфейс Text не имеет собственных свойств, кроме свойств, унаследованных от интерфейса Node. Для этого интерфейса определен метод

splitText(смещение),

разбивающий текстовое содержимое узла на два узла по заданному смещению относительно начала строки (индекс начала строки равен 0). Метод возвращает объект типа Text, представляющий новый узел, являющийся следующим дочерним узлом для родителя исходного узла. Остальные методы антерфейса Text унаследованы от интерфейса Node.

3.2. Расширения DOM для HTML

Спецификация HTML для DOM уровня 2 расширяет спецификацию ядра DOM для описания объектов, свойств и методов, специфичных для документов HTML.

Спецификация DOM HTML содержит следующие уточнения для HTML:

  •  интерфейс HTMLDocument, являющийся производным от интерфейса Document (этот интерфейс определяет операции, которые могут быть выполнены над документом HTML);
  •  интерфейс HTMLElement, являющийся производным от интерфейса Element (этот интерфейс определяет операции, которые могут быть выполнены над элементом HTML);
  •  уточнения для всех элементов HTML, которые имеют атрибуты, отличные от атрибутов, определенных в интерфейсе HTMLElement (для таких элементов введены интерфейсы, производные от интерфейса HTMLElement).

При работе с объектами в DOM HTML часто используются коллекции. Коллекцией называется массив объектов, проиндексированный не только по числовым номерам элементов, но и по их именам, и имеющий свойства и методы. В свою очередь свойствами коллекции также могут являться коллекции.

Все коллекции имеют свойство length, возвращающее длину коллекции (поскольку коллекции нумеруются с 0, последний элемент коллекции будет иметь индекс length-1).

3.2.1. Интерфейс HTMLDocument 

Для интерфейса HTMLDocument определены свойства, приведенные в табл. 11.6.

Таблица 11.6. Свойства интерфейса HTMLDocument

Свойство

Назначение

Возможность изменения

anchors

Содержит коллекцию всех элементов <a> с атрибутом name.

Нет.

applets

Содержит коллекцию всех апплетов Java (элементы <applet>)

Нет.

cookie

Устанавливает или возвращает строковое значение cookie.

Да.

forms

Содержит коллекцию всех форм (элементы <form>)

Нет.

images

Содержит коллекцию всех форм (элементы <img>).

Нет.

lastModified

Возвращает дату последнего изменения документа в виде строки.

Нет.

links

Содержит коллекцию всех гиперссылок (элементы <a> с атрибутом href).

Нет.

referrer

Возвращает URL документа HTML, из которого произошел переход в данный документ HTML.

Нет.

title

Содержимое элемента <title> в заголовке документа HTML.

Да.

URL

Адрес данного документа HTML.

Нет.

Для интерфейса HTMLDocument определены также методы, приведенные в табл. 11.7.

Таблица 11.7. Методы интерфейса HTMLDocument

Вызов метода

Действие

Возвращаемое значение

close()

Закрывает текущий документ HTML.

Нет.

getElementsByName(значение) 

Возвращает коллекцию  элементов, у которых атрибут name  имеет заданное значение

Объект типа NodeList.

open()

Открывает документ HTML.

Нет.

write(текст)

Записывает текст в текущее место документа.

Нет.

writeln(текст)

То же самое, что write(), но в конце добавляет символы возврата каретки и перевода строки.

Нет.

3.2.2. Интерфейс HTMLElement

Для интерфейса HTMLElement определены свойства dir, id, lang и title, содержащие значения соответствующих атрибутов элемента, а также свойство className, содержащее значение атрибута class. Собственных методов этот интерфейс не имеет.

3.2.3. Уточнения элементов HTML

Уточнения элементов HTML представляют собой интерфейсы с именем HTMLXXXXElement, где XXXX – имя элемента (дескриптора), например, HTMLImageElement для элемента <img>.  Имена свойств в этих интерфейсах совпадает с именами атрибутов в соответствующих элементах, а значениями свойств являются строковые значения этих атрибутов. Все свойства доступны и для чтения и для изменения.

Так, выражение

document.images["spiralImage"].getAttribute("src")

можно записать в виде

document.images["spiralImage"].src

В некоторых случаях имена свойств не совпадают с именами атрибутов. Так атрибуту http-equiv в дескрипторе <meta> соответствует свойство httpEquiv.  Если имя атрибута совпадает с ключевым словом JavaScript, впереди имени добавляется префикс html, а само имя начинается с большой буквы, например, атрибуту for в дескрипторе <label> соответствует свойство htmlFor.   

В табл. 11.8 приведены свойства, имена которых не соответствуют именам атрибутов элементов HTML.

Таблица 11.8. Свойства, имена которых не соответствуют именам атрибутов элементов HTML.

Наименование свойства

Назначение

В каких элементах определено

cellIndex

Возвращает индекс ячейки в строке  таблицы (начиная с 0).

<td>, <th>

cite

Устанавливает или возвращает содержимое элемента.

<blockquote>, <ins>, <del> 

defaultSelected

Возвращает true, если опция выделена по умолчанию, иначе возвращает false. Свойство доступно для изменения.

<option>

defaultValue

Устанавливает или возвращает начальное значение элемента.

<input>, <textarea>

dateTime

Устанавливает или возвращает дату модификации элементов <ins> и <del>.

<ins>, <del>

form

Возвращает форму, к которой принадлежит данный элемент (только для чтения).

<button>, <fieldset>, <label>, <legend>, <input>, <option>,

<textarea>

rowIndex

Возвращает индекс строки в таблице (начиная с 0) (только для чтения).

<tr>

text

Устанавливает или возвращает значение содержимого заголовка документа HTML.

<title>

Для некоторых элементов HTML определены также методы, приведенные в табл. 11.9.

Таблица 11.9. Методы, которые можно использовать для некоторых элементов HTML

Вызов метода

Действие

Возвращаемое значение

Для каких элементов определен

add(элемент-1, элемент-2)

Добавляет элемент-1перед элемент-2 в коллекции элементов <option>  для данного элемента.

Нет.

<select>

blur()

Удаление фокуса клавиатуры с данного элемента.

Нет.

<a>, <input>, <select>, <textarea> 

click()

Имитирует щелчок мыши по данному элементу (типа radio, checkbox, button, reset или submit).

Нет.

<input>

createCaption()

Создает новый заголовок таблицы или возвращает существующий заголовок.

Элемент <caption>.

<table>

deleteCell(индекс)

Удаляет ячейку с заданным индексом из строки таблицы.

Нет.

<tr>

createTFoot()

Создает новую концевую часть таблицы или возвращает существующую концевую часть.

Элемент <tfoot>.

<table>

createTHead()

Создает новую заголовочную часть таблицы или возвращает существующую заголовочную часть.

Элемент <thead>.

<table>

deleteCaption()

Удаляет заголовок таблицы.

Нет.

<table>

deleteRow(индекс)

Удаляет строку таблицы с заданным индексом.

Нет.

<table>, <tbody>, <tfoot>, <thead>

deleteTFoot()

Удаляет концевую часть таблицы.

Нет.

<table>

deleteTHead()

Удаляет заголовочную часть таблицы.

Нет.

<table>

focus()

Установление фокуса клавиатуры на данный элемент.

Нет.

<a>, <input>, <select>, <textarea>

insertCell(индекс)

Вставляет новую ячейку перед  ячейкой с заданным индексом в строке таблицы (если индекс равен числу ячеек в строке, ячейка добавляется в конец строки).

Созданная ячейка.

<tr>

insertRow(индекс)

Вставляет новую строку в таблицу перед строкой с заданным индексом (если индекс равен числу строк, строка добавляется в конец таблицы).

Созданная строка.

<table>, <tbody>, <tfoot>, <thead>

remove(индекс)

Удаляет элемент с указанным индексом из коллекции элементов <option>  для данного элемента.

Нет.

<select>

reset()

Сбрасывает содержимое формы к значениям по умолчанию.

Нет.

<form>

select()

Выделяет содержимое области (типа text, file или password)

Нет

<input>, <textarea> 

submit()

Посылает содержимое формы на Web-сервер.

Нет.

<form>

Помимо доступа к элементам документа HTML с помощью индексов, методов getElementsByTagName(), getElementById() и getElementsByName(), можно также использовать форму записи, принятую в объектно-ориентированных языках программирования. Для этой формы записи указывается путь к данному элементу в иерархии элементов документа, начиная с самого верхнего уровня иерархии. Компоненты пути отделяются друг от друга символом ".". При этом в качестве идентификатора элемента  используется значение его атрибута name или атрибута id, например:

document.spiralImage.src

Однако таким обращением следует пользоваться осторожно. В Internet Explorer объект document должен быть опущен, поэтому приведенное выше обращение будет воспринято как ошибка. Чтобы во всех Web-браузерах обращение воспринималось одинаково, необходимо использовать предложение with, например:

with (document)

{

 alert("src=" + spiralImage.src);

}

Атрибут id формально требует уникальности идентификатора каждого дескриптора. Однако, если в документе HTML встречаются два элемента с одинаковыми идентификаторами, можно при обращении к элементу указать второй индекс, например:

document.images["myimage", 1].src

выведет URL для второго из изображений, у которых значения id="myimage".

Если не указывать второй индекс, обращение вернет коллекцию всех объектов с данным идентификатором.

4. Порядок выполнения работы

Создайте интерактивную Web-страницу с использованием языка JavaScript по одному из приведенных ниже вариантов.  

Создайте интерактивную Web-страницу с использованием языка JavaScript по одному из приведенных ниже вариантов.  

Вариант 11-01

Создайте Web-страницу, в которой определяются и, с помощью метода alert, выводится список всех значений атрибута id в элементах страницы, содержащих текстовые узлы, а затем с помощью метода prompt для заданных идентификаторов задается новое содержимое текстового узла (признаком окончания изменения идентификаторов является ввод пустой строки).

Вариант 11-02

Создайте Web-страницу, в которой в таблице подсчитывается сумма значений для заданного с помощью метода prompt номера столбца и к таблице добавляется строка с результатом.

Вариант 11-03

Создайте Web-страницу, в которой определяются и, с помощью метода alert, выводится общее количество заголовков и количество заголовков каждого уровня в документе, а также их идентификаторы (значения атрибута id), а  затем с помощью метода prompt для заданных идентификаторов задается новый текст заголовка (признаком окончания изменения заголовков является ввод пустой строки).

Вариант 11-04

Создайте Web-страницу, в которой для текстового элемента, начальная подстрока которого имеет заданное содержимое, заменяется содержимое. Ввод начальной подстроки элемента и нового содержимого элемента выполняется с помощью метода prompt.

Вариант 11-05

Создайте Web-страницу, в которой перед абзацем, начальная подстрока которого имеет заданное содержимое, вставляется заголовок заданного уровня. Ввод начальной подстроки элемента, уровня заголовка и содержимого заголовка выполняется с помощью метода prompt.

Вариант 11-06

Создайте Web-страницу, в которой абзац, начальная подстрока которого имеет заданное содержимое, помещается перед абзацем, имеющим заданное содержимое. Ввод начальных подстрок абзацев выполняется с помощью метода prompt.

Вариант 11-07

Создайте Web-страницу, в которой заголовок, начальная подстрока которого имеет заданное содержимое, помещается перед абзацем, начальная подстрока которого имеет заданное содержимое. Ввод начальной подстроки заголовка и элемента выполняется с помощью метода prompt.

Вариант 11-08

Создайте Web-страницу, в которой удаляется текстовый элемент, начальная подстрока которого имеет заданное содержимое. Ввод начальной подстроки элемента и элемента выполняется с помощью метода prompt.

Вариант 11-09

Создайте Web-страницу, в которой в абзаце, начальная подстрока которого имеет заданное содержимое, удаляется предложение с заданным индексом. Ввод начальной подстроки абзаца и индекса предложения в абзаце выполняется с помощью метода prompt.

Вариант 11-10

Создайте Web-страницу, в которой изменяется заголовок, начальная подстрока которого имеет заданное содержимое. Ввод начальной подстроки заголовка и нового уровня заголовка (числа в диапазоне от 1 до 6) выполняется с помощью метода prompt.

Вариант 11-11

Создайте Web-страницу, в которой перед абзацем, начальная подстрока которого имеет заданное содержимое, вставляется новый абзац. Ввод начальной подстроки абзаца и содержимого нового абзаца выполняется с помощью метода prompt.

Вариант 11-12

Создайте Web-страницу, в которой в абзаце, начальная подстрока которого имеет заданное содержимое, заменяется предложение с заданным индексом. Ввод начальной подстроки абзаца,  индекса предложения в абзаце и нового содержимого предложения выполняется с помощью метода prompt.

Вариант 11-13

Создайте Web-страницу, в которой определяются и, с помощью метода alert, выводится общее количество изображений, а также их идентификаторы (значения атрибута id), а  затем с помощью метода prompt для заданных идентификаторов задается новое изображение (признаком окончания изменения изображений является ввод пустой строки).

Вариант 11-14

Создайте Web-страницу, в которой в абзаце, начальная подстрока которого имеет заданное содержимое, вставляется предложение перед предложением с  заданным индексом. Ввод начальной подстроки абзаца, индекса предложения и содержимого нового предложения выполняется с помощью метода prompt.

Вариант 11-15

Создайте Web-страницу, в которой содержимое двух абзацев, начальные подстроки которого имеет заданное содержимое, меняется местами. Ввод начальных подстрок абзацев выполняется с помощью метода prompt.

Вариант 11-16

Создайте Web-страницу, в которой с помощью метода alert выводятся значения всех гиперссылок на странице (значения атрибута href). Затем с помощью метода prompt  выводятся все гиперссылки в тексте и, при необходимости корректируются. После этого гиперссылки просматриваются заново и выводятся их откорректированные значения.   

Вариант 11-17

Создайте Web-страницу, в которой вводится, с помощью метода prompt, запрос на удаление, изменение строки или добавление    новой строки перед данной строкой таблицы. Затем, если задано изменение или добавление, вводится новое или измененное содержание ячеек строки.

Вариант 11-18

Создайте Web-страницу, в которой перед абзацем,  начальная подстрока которого имеет заданное содержимое, вставляется изображение. Значения атрибутов изображения вводятся с помощью метода prompt.  

Вариант 11-19

Создайте Web-страницу, в которой вводится, с помощью метода prompt, запрос на изменение содержимого данной ячейки с заданным индексом строки и столбца и производится изменение содержимого ячейки.

Вариант 11-20

Создайте Web-страницу, в которой с помощью метода alert выводятся значения всех гиперссылок на странице (значения атрибута href). Затем с помощью метода prompt  вводится запрос на удаление, изменение  или добавление подстроки в начало всех гиперссылок страницы. После этого гиперссылки просматриваются заново и выводятся их откорректированные значения.

Вариант 11-21

Создайте Web-страницу, в которой в начале страницы автоматически строится оглавление, содержащее тексты заголовков всех уровней документа в виде гиперссылок на соответствующие разделы страницы (все заголовки на странице должны иметь атрибут id).

Вариант 11-22

Создайте Web-страницу, содержащую таблицу, и в которой формируется новая таблица, в которой строки старой таблицы становятся столбцами новой таблицы.

Вариант 11-23

Создайте Web-страницу, в которой в абзаце, начальная подстрока которого имеет заданное содержимое, предложение с заданным индексом выделяется в отдельный абзац. Ввод начальной подстроки абзаца и индекса предложения в абзаце выполняется с помощью метода prompt.   

Вариант 11-24

Создайте Web-страницу, в которой определяется и, с помощью метода alert, выводится количество повторений заданных слов в странице. Слова задаются с помощью метода prompt, признаком окончания ввода слов является ввод пустой строки. Примечание: словом считается строка, перед которой и после которой имеются пробельные символы (пробел, точка, переход на новую строку и т.п.).  

Вариант 11-25

Создайте Web-страницу, для которой подсчитывается общее количество слов  во всех текстовых элементах тела страницы. Примечание: словом считается строка, перед которой и после которой имеются пробельные символы (пробел, точка, переход на новую строку и т.п.).

Вариант 11-26

Создайте Web-страницу, в  которой в которой в предложении, начальная подстрока которого имеет заданное содержимое, в заданную позицию вставляется строка (начальная подстрока и строка вставки задаются с помощью метода prompt).  

Вариант 11-27

Создайте Web-страницу, в  которой  выполняется поиск в тексте страницы строки, введенной с помощью метода prompt, а затем, удаление строки (перед выполнением операции удаления необходимо подтвердить запрос на удаления с помощью метода confirm).  

Вариант 11-28

Создайте Web-страницу, в  которой выполняется поиск и замена в тексте страницы (строка поиска и строка замены вводятся с помощью метода prompt).

Вариант 11-29

Создайте Web-страницу, в  которой для выделенных цветом  терминов после  вода OK в окне confirm появляются определения этих терминов.

Вариант 11-30

Создайте Web-страницу, в  которой после заголовка страницы выводится список гиперссылок на таблицы, содержащий заголовки таблиц (заголовок берется из содержимого контейнера <caption>…</caption > в таблице).  

 

5. Содержание отчета

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

6. Вопросы для самоконтроля

  1.  Какие объекты Web-браузера определены для Internet Explorer и Netscape Navigator? Какими отношениями связаны между собой объекты Web-браузера?
  2.  Что определяет объектная модель документа (DOM) и каково ее назначение? Каково графическое представление DOM? Какие возможности предоставляет программисту DOM?
  3.  Какие типы узлов определены в DOM для HTML?
  4.  Как в свойствах интерфейса Node отражается иерархическая структура документа? Какие операции с узлами определены для интерфейса Node?
  5.  Какие элементы документа можно создать с использованием методов интерфейса Document?
  6.  Какие методы определены в интерфейсе Document для поиска элементов документа?
  7.  Какие методы получения и изменения атрибутов элемента определены в интерфейсе Element?
  8.  Какие уточнения описания объектов, свойств и методов документа содержатся в спецификации DOM HTML?
  9.  Что такое коллекция и как производится доступ к элементам коллекции? Какие свойства-коллекции определены для документа HTML?
  10.  Какие дополнительные методы определены для документа HTML?
  11.  Какие методы по работе с таблицами определены в DOM HTML?
  12.  Как выполняется доступ к свойствам события в Internet Explorer и в Netscape Navigator?

Файл: file:///web/5fan/public_html/www/files/8/5fan_ru_42247_945763f68e960dd14293be62cc26b894.doc   Создан: 2007-04-11T14:25:00Z Модифицирован: 2007-04-11T14:25:00Z     Автор:


 

А также другие работы, которые могут Вас заинтересовать

13437. Опрацювання результатів прямих багаторазових вимірювань 238 KB
  ЛАБОРАТОРНА РОБОТА 1 ОПРАЦЮВАННЯ РЕЗУЛЬТАТІВ ПРЯМИХ БАГАТОРАЗОВИХ ВИМІРЮВАНЬ Мета роботи: вивчити методику опрацювання результатів прямих багаторазових вимірювань; навчитись визначати характеристики похибки результату вимірювання в залежності від кількості в...
13438. Повірка чи калібрування приладів прямої дії 102.5 KB
  Лабораторна робота 2 Повірка чи калібрування приладів прямої дії Мета роботи: вивчити теоретичні та практичні основи повірки чи калібрування приладів прямої дії на прикладі калібрування амперметра та вольтметра зіставленням їх показів із показами робочих еталонів.
13439. ВИМІРЮВАННЯ ПОСТІЙНИХ СТРУМІВ ТА НАПРУГ 160 KB
  ЛАБОРАТОРНА РОБОТА 3 ВИМІРЮВАННЯ ПОСТІЙНИХ СТРУМІВ ТА НАПРУГ Мета роботи: Навчитись: вимірювати постійні струми та напруги електромеханічними приладами; раціонально обирати межу вимірювання та клас точності стрілкового приладу для вимірювання заданої з допустим
13440. ВИМІРЮВАННЯ СТРУМІВ, НАПРУГ ТА ПАРАМЕТРІВ ЕЛЕКТРИЧНИХ ЛАНЦЮГІВ КОМБІНОВАНИМИ ПРИЛАДАМИ (ТЕСТЕРАМИ) 2.84 MB
  ЛАБОРАТОРНА РОБОТА 4 ВИМІРЮВАННЯ СТРУМІВ НАПРУГ ТА ПАРАМЕТРІВ ЕЛЕКТРИЧНИХ ЛАНЦЮГІВ КОМБІНОВАНИМИ ПРИЛАДАМИ ТЕСТЕРАМИ Мета роботи: вивчити принцип дії будову та властивості комбінованих приладів КП здобути навички вимірювань і перевірки справності елементів ...
13441. Деякі особливості використання вольтметрів змінного струму 237.5 KB
  ЛАБОРАТОРНА РАБОТА № 5 Деякі особливості використання вольтметрів змінного струму Мета роботи : Опрацювати опис даної роботи та відповідні розділи рекомендованої літератури [1] [2] [3] [5]. 2. Уміти відповідати на наступні запитання: 1. Поясніть будову та принцип д
13442. ДОСЛІДЖЕННЯ ВИМІРЮВАЛЬНИХ МОСТІВ ПОСТІЙНОГО СТРУМУ 131.5 KB
  Лабораторна робота № 6 ДОСЛІДЖЕННЯ ВИМІРЮВАЛЬНИХ МОСТІВ ПОСТІЙНОГО СТРУМУ Мета роботи: вивчити основи теорії схеми та будову врівноважених мостів постійного струму дослідити властивості врівноважених мостів здобути навички вимірювань за допомогою мостів. При пі...
13443. НЕВРІВНОВАЖЕНИЙ ВИМІРЮВАЛЬНИЙ МІСТ ПОСТІЙНОГО СТРУМУ 118.5 KB
  ЛАБОРАТОРНА РОБОТА 7 НЕВРІВНОВАЖЕНИЙ ВИМІРЮВАЛЬНИЙ МІСТ ПОСТІЙНОГО СТРУМУ Мета роботи: вивчити принцип дії елементи теорії схеми властивості та особливості застосування неврівноважених вимірювальних мостів НМ постійного струму. При підготовці до виконання р...
13444. ДОСЛІДЖЕННЯ ВИМІРЮВАЛЬНИХ МОСТІВ ЗМІННОГО СТРУМУ 193.5 KB
  ЛАБОРАТОРНА РОБОТА N 8 ДОСЛІДЖЕННЯ ВИМІРЮВАЛЬНИХ МОСТІВ ЗМІННОГО СТРУМУ Мета роботи: вивчити основи теорії принцип дії схеми властивості і особливості експлуатації мостів змінного струму МЗС. Провести дослідження властивостей мостів змінного струму. При п...
13445. КОМПЕНСАТОР (ПОТЕНЦІОМЕТР) ПОСТІЙНОГО СТРУМУ 702 KB
  ЛАБОРАТОРНА РОБОТА 9 КОМПЕНСАТОР ПОТЕНЦІОМЕТР ПОСТІЙНОГО СТРУМУ Мета роботи: 1. Ознайомитись із принципом дії будовою та технічними особливостями компенсатора потенціометра постійного струму КПС. 2. Навчитись за допомогою КПС вимірювати електрорушійну силу ...