Function start()

{

for (var loop=0;loop<document.all.length;++loop)

elements+="<br>"+document.all[loop].tagName;

pText.innerHTML+=elements;

}

</script>

</head>

<body onload="start()" >

<p id="pText"> Список элементов страницы: </p>

</body>

</html>

ПРИМЕР Js29a

Каждый элемент страницы имеет свою коллекцию all, состоящую из всех, входящих в него элементов. Кроме того, у каждого элемента имеется коллекция children - это коллекция прямых потомков данного элемента.

Например, у элемента html есть только два дочерних элемента - head и body.

Объект style

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

Пример Js29g

<div id="myDiv" style="width:100;height:100;"></div>

<button onclick="myDiv.style.backgroundColor='blue';">

Изменить цвет</button>

Пример Js29f

Объект Window

Объект window находится в корне иерархии объектов браузера и являет собой окно, в которое загружена страница. Он обеспечивает доступ к окну броузера. Если страница имеет фреймовую структуру, каждый фрейм соответствует своему собственному объекту window. Доступ к объектам, находящемся в окне, осуществляется через точечную нотацию как к дочерним элементам:

window.имя_элемента

Коллекции объекта window

Объектwindow имеет единственную коллекцию frames, которая представляет собой массив из всех элементов frame объекта.

Основные свойства объекта window

parent Ссылка на родительское окно.

self Ссылается на текущее окно.

top Ссылка на главное окно броузера.

name Содержит имя окна.

opener Окно, создаваемое текущим.

closed Определяет, был ли экземпляр window закрыт.

status Ссылка на объект содержащий адрес сайта и сообщение, отображаемое в строке состояния броузера. Js30a

document Ссылается на документ, находящийся в данном окне.

event Ссылка только для чтения на объект окна document.

history Ссылка только для чтения на объект окна history.

location Ссылка только для чтения на объект окна location. Содержит основные сведения о сайте.

navigator Ссылка только для чтения на объект окна navigator.

Методы объекта window

open ( ) Открывает новое окно браузера.

close( ) Закрывает текущее окно браузера.

showHelp( ) Показывает окно справки.

alert( ) Показывает окно предупреждения с сообщением и кнопкой ОК.

prompt( ) Показывает диалоговое окно приглашения с сообщением, текстовым полем и кнопками ОК и Cancel.

confirm( ) Показывает окно подтверждения с сообщением и кнопками ОК и Cancel.

navigate( ) Загружает другую страницу с указанным адресом.

blur( ) Убирает фокус с текущей страницы; соответствующее событие — onblur.

focus( ) Устанавливает страницу в фокус; соответствующее событие — onfocus.

scroll( ) Разворачивает окно на заданные ширину и высоту.

setInterval( ) Указывает процедуре выполняться периодически через заданное количество миллисекунд.

setTimeOut( ) Запускает программу через заданное количество миллисекунд после загрузки страницы.

clearInterval( ) Обнуляет таймер, заданный методом setlnterval.

clearTimeout( ) Обнуляет таймер, заданный методом setTimeout.

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

open (param1, param2, param3, param4 )

param1 - URL документа для изображения

param2 - (необязательный атрибут)строка, название окна

param3 - (необязательный атрибут) атрибуты нового окна

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

ПРИМЕР Js31a

window.open("new.html")

открывает новое окно в котором отобразится страница находящаяся в файле "new.html" текущего каталога.

<button onclick="window.close( )";> Текст </button>

showHelp(param1, param2)

param1- URLсправочного файла с расширением.hlp

param2 - (необязательный атрибут) выбранный раздел справочника.

window.showHelp('http://www.nnnn.com');

alert(param)

param - строка сообщения

alert("Привет!");

ПРИМЕР Js31d

prompt(param1, param2)

param1 - сообщение, отображаемое в окне.

param2 - (необязательный атрибут), заданное по умолчанию значение для поля ввода

window.prompt("Введите Ваше имя")

ПРИМЕР Js31e, Js31j, Js31jj

confirm(param1)

param1 - сообщение, отображаемое в окне.

ПРИМЕР Js31f

timeID=window.setTimeOut("Myfunc", 10000)

запустит на выполнение функцию Myfunc через 10 секунд, после загрузки страницы.

ПРИМЕР Js31g

timeID=window.setInterval("Myfunc", 5000)

функция Myfunc будет выполняться каждые 5 секунд.

ПРИМЕР Js31i

События объекта window

onblur Выход окна из фокуса.

onfocus Окно становится активным.

onhelp Нажатие пользователем клавиши F1.

onresize Изменение пользователем размеров окна.

onscroll Прокрутка окна пользователем.

onerror Ошибка при передаче.

onbeforeunload Перед выгрузкой страницы, что позволяет сохранить данные.

onload Страница полностью загружена.

onunload Непосредственно перед выгрузкой страницы.

ПРИМЕР Js31kk, Js31LL

ПРИМЕР Js31в, , Js31bb

Объект Document

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

Основные свойства

activeElement Извлекает активный элемент документа.

alinkColor Устанавливает цвет активных ссылок на странице.

bgColor Определяет цвет фона элемента.

fgColor Устанавливает цвет текста

filesize Размер файла документа (в байтах).

height Высота всего документа в пикселах.

linkColor Устанавливает цвет еще не посещенных гиперссылок на странице.

title Устанавливает строку в элементе title

url Возвращает URL-адрес документа

vlinkColor Цвет посещенных ссылок на странице.

width Ширина всего документа.

ПРИМЕР Js29

ПРИМЕР Js30b

ПРИМЕР Js31m

ПРИМЕР Js31n

При наведени на картинку меняется картинка, а также фон.

<HTML>

<HEAD>

<script type="text/JavaScript" language=”JavaScript”>

<!--