HTML, XHTML и CSS на 100%
вернуться

Квинт Игорь
Шрифт:

<a href="#">Сервер Microsoft</a>

</body>

</html>

Результат работы сценария показан на рис. 10.18.

Рис. 10.18. Изменение цвета фона, текста и ссылок

Обратите внимание, что данный сценарий переопределяет цвет фона веб-страницы, заданный параметром bgcolor=white в элементе BODY: document. bgColor = «#00FF80».

Рассмотрим еще один пример сценария, в котором используется свойство lastModified объекта Document (листинг 10.20).

Листинг 10.20. Использование свойства lastModified

<html>

<head>

<title> Свойство lastModified</title>

</head>

<body>

<center>

<!–Код JavaScript –>

<script language="JavaScript">

document.write("Последний раз страница редактировалась:<br>" +document. lastModified)

</script>

</center>

</body>

</html>

Свойство lastModified позволяет узнать дату внесения последних изменений в содержание HTML-документа. В сценарии это реализовано в команде document.lastModified. Строка document. write помещает полученную дату на веб-страницу (рис. 10.19).

Рис. 10.19. Использование свойства lastModified

Во многих рассмотренных ранее примерах сценариев JavaScript вам не раз встречалась строка document. write. Write – это метод объекта Document, позволяющий отображать какую-либо информацию на веб-странице. Кроме этого широко используемого метода, сценарии JavaScript могут вызывать и другие методы, определенные для объекта Document.

• close – заставляет веб-страницу немедленно обновить свое содержимое после использования метода write. Метод close не имеет параметров и не возвращает значения. Поддерживается Internet Explorer, начиная с версии 4.0.

• getElementsByName({имя_элемента}) – возвращает элемент, специфическое имя которого передано в качестве параметра. Данный метод поддерживается браузером Internet Explorer, начиная с версии 5.0.

• getElementByld ({ID}) – возвращает элемент, имя которого передано в качестве параметра. Имя элемента страницы задается атрибутом ID. Метод getElementById имеет единственный параметр – имя элемента страницы. Поддерживается браузером Internet Explorer, начиная с версии 5.0.

• getElementsByTagName({Имя тега}) – возвращает тег, имя которого передано в качестве параметра. Поддерживается браузером Internet Explorer, начиная с версии 5.0.

• write – записывает текст или HTML-код в текущее место документа.

В браузере Microsoft Internet Explorer версии 5.0 появилась поддержка таких методов объекта Document, как getElementById, getElementsByName и getElementsByTagName. Последний используется в сценариях JavaScript особенно часто. Рассмотрим пример такого сценария (листинг 10.21).

Листинг 10.21. Использование метода getElementsByTagNameO

<html>

<head>

<title> Метод getElementsByTagName</title>

<!–Код JavaScript –>

<script language="JavaScript">

function getElements //функция

{

var x=document.getElementsByTagName("input");

alert(x.length);

}

</script>

</head>

<body>

<!–Форма –>

<input name="myInput" type="text" size="30" /><br />

<input name="myInput" type="text" size="30" /><br />

<input name="myInput" type="text" size="30" /><br />

<br />

<input type="button" onclick="getElements" value="Посчитаем элементы input" />

</body>

</html>

Данный сценарий содержит функцию getElements, которая производит подсчет всех элементов типа INPUT на веб-странице, а затем выводит результат в окне Alert (рис. 10.20).

Рис. 10.20. Окно с количеством элементов

Функция срабатывает при нажатии кнопки в форме. Как видите, в этом HTML-документе содержится четыре элемента, обозначенные элементом INPUT: три поля для ввода и кнопка (рис. 10.21).

Рис. 10.21. Элементы INPUT

Итак, мы рассмотрели один из главных объектов в языке JavaScript – объект Document, представляющий собой веб-страницу, загруженную в окно браузера. Благодаря определенным свойствам и методам через объект Document можно получить доступ к любым другим объектам, расположенным на веб-странице.