На странице всегда содержится объект документа document. Кроме того, всегда существуют такие объекты, как html, head, title и body. Эти объекты существуют всегда вне зависимости от того, были ли соответствующие элементы явно описаны при помощи ярлыков HTML. Иерархия объектов HTML-документа позволяет осуществить доступ к объектам с использованием языков программирования. Обращение к элементам HTML-страницы через соответствующие им объекты может оживить страницу. Используем язык JavaScript чтобы продемонстрировать, как можно с помощью программ изменять параметры страницы.
В файле objects.htm мы будем случайным образом менять цвет фона страницы. При этом мы будем обращаться к свойствам объекта body. Текст файла objects.htm таков:
<html>Смотреть пример демонстрирующий процесс случайного изменения цвета фона страницы.
Этот файл отличается от предыдущего наличием фрагмента <script>. Между ярлыками <script> и </script> расположен текст программы, написанной с помощью языка сценариев JavaScript, о чем сообщено в открывающем ярлыке <script>. В данном фрагменте используется функция setInterval(), у этой функции два аргумента. Первый аргумент — это функция или оператор, которые необходимо выполнить. Второй аргумент — временной интервал в миллисекундах. Обращение к функции setlnterval() приводит к тому, что действие, указанное в качества первого аргумента функции, будет выполняться многократно вновь и вновь через заданный во втором аргументе интервал времени. В нашем случае интервал установлен равным 200 миллисекундам.
В качестве первого аргумента мы использовали оператор присваивания. Здесь свойству document. body.style.backgroundColor присваивается значение Math.random()*64000. Math.random() — это функция языка JavaScript, возвращающая случайное число из интервала от нуля до единицы. Таким образом, оператор, указанный в качестве первого аргумента функции setlnterval(), присваивает случайное значение свойству цвета фона документа. Это присваивание осуществляется многократно с интервалом 200 миллисекунд.
![]() |