| Объект client-side | |
| Реализовано в | Navigator 2.0 |
Создание
Используя HTML тэг A или вызывая метод String.anchor. Двигатель времени выполнения JavaScript создает объект Anchor, соответствующий каждому тэгу A в Вашем документе, который имеет аттрибут NAME. Он помещает эти объекты в массив свойства document.anchors. Вы обращаетесь к объекту Anchor индексируя этот массив.
Определение якоря методом String.anchor:
theString.anchor(nameAttribute)
где:
theString |
Объект String.
|
nameAttribute | Строка. |
Описание
Если объект Anchor также является объектом Link, объект имеет записи в массивах anchors и links.
Примеры
Пример 1: Якорь. Следующий пример определяет якорь для текста "Добро Пожаловать В JavaScript":
<A NAME="javascript_intro"><H2>Добро Пожаловать В JavaScript</H2></A>
Если предшествующий якорь находится в файле по имени intro.html, ссылка в другом файле может определить переход к якорю следующим образом:
<A HREF="intro.html#javascript_intro">Введение</A>
Пример 2: Массив якорей. Следующий пример открывает два окна. Первое окно содержит ряд кнопок, которые устанавливают location.hash во втором окне к специфическому якорю. Второе окно определяет четыре якоря, названные "0", "1", "2" и "3". (Имена якорей в документе следовательно 0, 1, 2, ... (document.anchors.length-1).) Когда кнопка нажата в первом окне, обработчик события onClick проверяет, существует ли якорь, перед установкой window2.location.hash к определенному имени якоря.
link1.html определяющий первое окно и кнопки, содержит следующий код:
<HTML>
<HEAD>
<TITLE>Ссылки и Якоря: Окно 1</TITLE>
</HEAD>
<BODY>
<SCRIPT>
window2=open("link2.html","secondLinkWindow",
"scrollbars=yes,width=250, height=400")
function linkToWindow(num) {
if (window2.document.anchors.length > num)
window2.location.hash=num
else
alert("Якорь не существует!")
}
</SCRIPT>
<B>Ссылки я Якоря</B>
<FORM>
<P>Нажмите кнопку, чтобы отобразить этот якорь в окне #2
<P><INPUT TYPE="button" VALUE="0" NAME="link0_button"
onClick="linkToWindow(this.value)">
<INPUT TYPE="button" VALUE="1" NAME="link0_button"
onClick="linkToWindow(this.value)">
<INPUT TYPE="button" VALUE="2" NAME="link0_button"
onClick="linkToWindow(this.value)">
<INPUT TYPE="button" VALUE="3" NAME="link0_button"
onClick="linkToWindow(this.value)">
<INPUT TYPE="button" VALUE="4" NAME="link0_button"
onClick="linkToWindow(this.value)">
</FORM>
</BODY>
</HTML>link2.html содержащий якоря, содержит следующий код:
<HTML>
<HEAD>
<TITLE>Ссылки и Якоря: Окно 2</TITLE>
</HEAD>
<BODY>
<A NAME="0"><B>Некоторые числа</B> (Якорь 0)</A>
<UL><LI>один
<LI>два
<LI>три
<LI>четыре</UL><P><A NAME="1"><B>Некоторые цвета</B> (Якорь 1)</A>
<UL><LI>красный
<LI>оранжевый
<LI>желтый
<LI>зеленый</UL><P><A NAME="2"><B>Некоторые типы музыки</B> (Якорь 2)</A>
<UL><LI>R&B
<LI>Джаз
<LI>Soul
<LI>Reggae
<LI>Рок</UL><P><A NAME="3"><B>Некоторые страны</B> (Якорь 3)</A>
<UL><LI>Афганистан
<LI>Бразилия
<LI>Канада
<LI>Финляндия
<LI>Индия</UL>
</BODY>
</HTML>Смотрите также
Link
Последняя Модификация: 10/31/97 12:31:11
Все мессаги сюда:yanich@inbox.ru |