Компьютерные книги
Главное меню
Главная Поиск по сайту Добавить материал О нас Карта книг Карта сайта
Реклама
computersbooks.net -> Добавить материал -> Языки программирования -> Монкур М. -> "Освой самостоятельно JavaScript за 24 часа" -> 79

Освой самостоятельно JavaScript за 24 часа - Монкур М.

Монкур М. Освой самостоятельно JavaScript за 24 часа — М.: Вильяме, 2001. — 320 c.
ISBN 5-8459-0159-6
Скачать (прямая ссылка): javascriptza24chasasamostoyatelno2001.pdf
Предыдущая << 1 .. 73 74 75 76 77 78 < 79 > 80 81 82 83 84 85 .. 110 >> Следующая

V
218 Часть V. Дополнительные средства JavaScript
Помните, что, подобно всем объектам и свойствам JavaScript, свойства и функции элемента, описанные в этой главе, чувствительны к регистру символов. Поэтому внимательно определяйте их в будущем.
http://ITBookz.
Методы документа
Элемент document имеет несколько часто используемых методов, с которыми вам не стоит познакомиться. Вы уже встречались с методом getElementByld. Он позволяет обращаться к объектам DOM по идентификатору. Среди методов элемента такие:
• qetElementByld(udeHmu(pUKamop Возвращает элемент по указанному идентификатору.
• getElementByTagNamч(дескриптор). Возвращает массив элементов с определенным названием дескриптора. В качестве общего символа используйте символ звездочки (*).
Создает новый элемент, содержащий введенный в скобках текст.
Методы элемента
Каждый элемент страницы имеет собственные методы. Доступность методов определяется от расположения элемента и его связей с остальными элементами.
• appendChildjwoвый объект). Добавляет новый элемент после всех дочерних элементов текущего элемента.
• insertBeforejнов ый, старый). Добавляет новый дочерний объект перед указанным дочерним объектом, который создан раньше.
• replaceChild( новый, старый). Заменяет указанный старый элемент новым.
• removeChild(C7?M/w«). Удаляет указанный элемент из набора дочерних элементов.
• hasChildNodes(). Возвращает булево значение: true соответствует существованию у текущего элемента дочерних, a false возвращается в случае их отсутствия.
Скрытие и отображение объектов
Давайте теперь перейдем к рассмотрению реальных примеров использования объектов DOM для управления Web-страницами. В качестве простого примера мы создадим сценарий скрытия и отображения объектов на странице.
Как вы уже знаете из главы "17-й час. Использование таблиц стилей", объекты имеют свойство visibility, определяющее вид объекта на странице:
object.style.visibility="hidden";//объект скрыт
object.style.visibility""visible//объект отображен
В сценарии очень просто изменять значения этого свойства и добиваться скрытия и отображения элемента. Тем не менее, описанный метод применим только в броузерах Internet Explorer версии 5.0 и выше. В JavaScript это свойство не используется. Поэтому в них следует использовать альтернативный метод:
object.style.display="none";//объект скрыт
object.style.display»"";//объект отображен
Помня об этом, давайте создадим сценарий скрытия объектов в обоих типах броузеров. Листинг 19.1 содержит код документа HTML скрытия и отображения двух заголовков.
19-й час. Дополнительные средства DOM 219
http://ITBookz.ru/
Листинг 19.1. Скрытие и отображение объектов
1: <HTML>
2: <HEAD>
3: <Т1ТЬЕ>Скрытие и отображение заголовков</Т1ТЪЕ>
4: <SCRIPT ? " ?
5: function
6: var headl=document.getElementById("headl") ;
7: var head2=document.getElementByld("head2") ;
8: var
9: var showhead2=document. forml. head2. checked;
10 if ( navigator.userAgent.indexOf("Netscape6")!=-1){
11 headl.style.visibility=(showheadl) ?"visible":"hidden";
12 head2.style.visibility=(showhead2)?"visible":"hidden';
13 }else{
14 headl style iisplay=(showheadl) ?"" : "none”;
15 head2.style.display=(showhead2)?"":"none";
16 }
17 }
18 </SCRIPT>
19 </HEAD>
20 <B0DY>
21 <hl ID="heaa первый
22 <hl ID="head2">3T( второй ваголовок</Ь1>
23 <p>C помощью DOM вы можете выбирать вид заголовка,
24 исполвзуя флажки опций.</р>
25 <F0RM MlE="forml">
26 <INPUT TYPE="checkbox" name="headl"
27 checked
28 <В>0тобразитв первый
29 <INPUT 1 checkbox" name="head2“
30 checked
31 <В>0тобразитв второй оловок</В><ВЕ>
32 </F0RM>
33 </B0DY>
34 </HTML>
Помните, что примеры этой главы используют DOM, и поэтому требуют для выполнения Netscape 6.0 или Internet Explorer 5.0 и выше. В этих броузерах все примеры этой главы выполняются.
В строках 21-22 этого кода задаются заголовки с идентификаторами headl и head2. Строки 26—33 определяют форму, содержащую два флажка опций. Каждый флажок соответствует своему заголовку. Если выставить флажок опции, соответствующий заголовок появится в окне броузера (обработчик onclick вызывает функцию ShowHide).
Эта функция определена в дескрипторе <SCRIPT> в строках 4-18. Строки 6-7 задают переменные headl и head2 с помощью метода getElementByld. В строках 8_9 переменные showheadl и определяют опции флажков.
Наконец, строки 10-16 непосредственно задают операции скрытия и отображения заголовков. Строка ? проверяет броузер на принадлежность к семейству Netscape 6.0, а строки 11-12 скрывают и отображают. В остальных броузерах заголовки скрываются и отображаются строками 14—15.
220 Часть V. Дополнительные средства JavaScript
http://ITBookz.
Строки 10-11 и 14-15 выглядят немного странно. Символы ? и : задают условные выражения в операторе if. Детально условные выражения рассмотрены в главе "7-й час. Тестирование и сравнение значений".
Рис. 19.1 демонстрирует созданный нами пример в действии. На рисунке отображен только один заголовок, поскольку один флажок опции уже выставлен.
Предыдущая << 1 .. 73 74 75 76 77 78 < 79 > 80 81 82 83 84 85 .. 110 >> Следующая
Книги
Web-программирован-
ие
Аппаратное обеспечение Графика Руководство по П.О. Самоучитель Теория программирования Фотошоп Языки программирования
Новые книги
Вирт Н. "Систематическое программирование " (Теория программирования)

Эком "Microsoft Excel 2000 шаг за шагом Русская версия самоучитель " (Самоучитель)

Поляков А.Ю. "Методы и алгоритмы компьютерной графики в примерах Vizual C++" (Графика)

Баяковский Ю.М. "Графическая библиотека Open GL " (Графика)

Валиков А. "Технология " (Языки программирования)
Авторские права © 2013 ComputersBooks. Все права защищены.