![]() Главная страница Случайная страница КАТЕГОРИИ: АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника |
Объект Document
Объект Document предоставляет доступ к свойствам и методам объектов HTML-страницы через его элементы DOM. Структура DOM браузеров разных фирм отличаются друг от друга. Ниже будут рассматриваться только объекты общие для основных браузеров.
Таблица 4. Метода и свойства объекта Document
Каждый объект < img /> на странице хранится в массиве images[ ]. Первое изображение на странице находится в элементе document. images[0] второй в document. images[1] и т. д. Возможен вариант присвоение переменной имя элемента массива images[ ] например: var myImage2 = document. images[1];
Возможно получить доступ к объектам img в массиве по имени определенном в теге < img>. Например: В html-документе используется тег < img name = “myPic” src = “1.gif” > тогда в программе JavaScript можно обращаться к этому изображения как document. images [ “myPic”]
Поскольку свойство document. images – это массив, у него есть свойства встроенного объекта JavaScript Array такое как length с помощью которого можно определить количество элементов в массиве (количество рисунков на странице). _______________________________________ Пример использования массива images[ ] для выбора рисунка, размещаемого на странице: < html> < body> < img name=" img1" src=" " border=" 0" width=" 200" height=" 150" > < script type=" text/javaScript" > var myPicture = new Array(" 1.jpg", " 2.jpg", " 3.jpg"); var imgIndex = prompt(" Введите число от 0 до 2", " "); document.images[" img1" ].src = myPicture < /script> < /body> < /html> Пример в файле – \ Programmes \Temp\Object_imeges.html Массив links Для каждого тега < a>, определенного с атрибутом href, браузер создает объект A с таким же параметром, как и у тега href. Набор всех объектов A находится внутри массива link [ ] Аналогично тому, как объекты img содержатся в массиве images[ ] Порядок выполнения действий при использовании JavaScript Сценарий JavaScript запускается автоматически, сразу же после загрузки страницы HTML Файл 111.html < html> < head> < title> Основы AJAX: JavaScript и DOM< /title> < script type = " text/javascript" src = " prog.js" > < /script> < /head> < body> дузья! < /body> < /html> ____________________________________________ Файл prog.js // объявление новых переменных var date = new Date(); var hour = date.getHours(); // демонстрация условного оператора if if (hour > =22 || hour < = 5) document.write(" Уже ночь, "); else document.write(" Добрый день, "); Для управления порядком исполнения отдельных участков JavaScript скрипты оформляются в виде функций, которые запускаются по возникновению каких либо событий (например, по щелчку кнопкой мыши) в странице HTML. Присоединение кода программы JavaScript к событиям веб-страницы Определение: Событие – это любое изменение состояния браузера или веб-страницы, размещенной на экране. Примеры событий: · изменение положения курсора мыши; · нажатие кнопок размещенных на веб-странице, клавиатуре или мыши; · загрузка новой страницы. Обработчик событий – это код программы, который выполняется при наступлении события. Таблица № 7. События, по которым может вызываться программы JavaScript Способы объединения события и обработчика событий. Существует два основных способа объединения: · объединение через атрибуты тегов; · объединение через свойства объектов.
|