Полезные объекты

Как мы убедились выше, при обращении к объектами можно использовать различные конструкции для осуществления обращения к одному и тому же объекту. Вероятно, наиболее удобным способом обращения к объекту отличается метод задания уникальных имен объектов. При этом документ «видит» все имена объектов, расположенных в данном документе. Можно использовать свойства документа all и children для указания на объекты документа. При этом набор document.all содержит в себе все документы, содержащиеся в объекте document, в то время как набор document.children содержит лишь свойства непосредственно объекта document.

Продемонстрируем на примере использование наборов объектов document.all и document.children.

<html>
<head>
<title>
Перебираем все объекты документа.
</title>
<script language="JavaScript">
i=0;
function f ()
{
if (i>0)
{
document.all[i-1].style.backgroundColor="white";
}
if (i == document.all.length)
{
i=i-document.all.length;
}
document.all[i].style.backgroundColor="black";
alert("В данное время мы находимся на элементе " + "<" + document.all[i] .tagName + ">");
i++; }
</script>
<body id="main" bgcolor="white">
На этой страничке в качестве ссылки используется рисунок.
<P id="passage1"> Щелкните на этот шарик, вы перейдете на новую страницу anchor.htm:
<P id="passage2" align="center">
<font size="+1">
<P id= "clicking" onclick="f()" align="сеnter">Начало параграфа<br>
<a id="anchor" href="anchor.htm"><img id="picture" src="bull.gif" border="0"></a><br>
Щелкните этот параграф для перехода к следующему объекту.
<br>
Если щелкнуть за пределами этого параграфа, то переход к следующему объекту не произойдет.
<br>
Конец параграфа</p>
</font>
</body>
</html>




На этой страничке в качестве ссылки используется рисунок.

Щелкните на этот шарик, вы перейдете на новую страницу anchor.htm:

Начало параграфа

Щелкните этот параграф для перехода к следующему объекту.
Если щелкнуть за пределами этого параграфа, то переход к следующему объекту не произойдет.
Конец параграфа


После загрузки этого файла в броузер при каждом щелчке мыши на окне броузера появляется предупреждение, в котором содержится информация о том, какой элемент страницы, какой объект страницы сейчас изменит свойство. В качестве изменяемого свойства выбран фон элемента. Когда данный элемент выбран, то его фон становится черным, затем фону возвращается его прежнее значение (белый).

Функция alrt() в JavaScript служит для отображения в окне предупреждения текста, который указывается в качестве аргумента данной функции в виде символьной строки, заключенной в кавычки.

При создании этой страницы мы использовали несколько конструкций языка JavaScript. Важным для нас здесь является то, что сейчас мы используем сообщение о событии onclick, которое наступает при нажатии кнопки мыши. При наступлении события onclick происходит обращение к функции f(). Более подробно о событиях мы поговорим позже.


<<пред. страница

Оглавление

след. страница >>


Hosted by uCoz