Anchor

JavaScript

JavaScript语言参考手册      技术交流 :迷途知返 pwwang.com
JavaScript手册
【目录】 【上一页】 【下一页】 【索引】

Anchor

文档中超级链接的目的地,称为锚。

客户端对象
实现版本 Navigator 2.0

创建源

使用 HTML A 标签或调用 String.anchor 方法。JavaScript 运行时刻引擎将为文档中的每个含有 NAME 属性的 A 标签创建一个对应的 Anchor 对象。它会将这些对象放在 document.anchors 属性数组中。你可以通过该数组的索引来访问一个 Anchor 对象。

要使用 String.anchor 方法定义一个锚,可用下面的格式:

theString.anchor(nameAttribute) 这里:

theString 一个 String 对象。
nameAttribute 一个字符串。

要使用 A 标签定义锚,应该使用标准的 HTML 语法。如果你指定了 NAME 属性,你就可以使用该属性值作为索引在 anchors 数组中找到该 Anchor 对象。

描述

如果一个 Anchor 对象还是一个 Link 对象的话,该对象就会同时存在于 anchors 和 links 数组。

属性

无。

方法

无。

示例

示例 1: 一个锚。下面的例子为文本“欢迎来到 JavaScript”定义了一个锚:

<A NAME="javascript_intro"><H2>欢迎来到 JavaScript</H2></A>
如果上面的锚是在叫做 intro.html 的文件中定义的话,其它文件就可以用下面的方法定义到该锚的跳转:

<A HREF="intro.html#javascript_intro">简介</A>

示例 2: anchors 数组。下面的例子将打开两个窗口。第一个窗口包含了一系列按钮,可将第二个窗口的 location.hash 设定为指定的锚。第二个窗口定义了四个锚,分别叫做“0”、“1”、“2”和“3”。(因此,锚的名称就依次为 0、1、2、……(document.anchors.length-1)。)如果用户按了第一个窗口的按钮,onClick 事件句柄就会在设置 window2.locatin.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>布鲁斯
<LI>爵士
<LI>摇滚
<LI>交响
<LI>民谣</UL>
<P><A NAME="3"><B>一些国家</B> (锚 3)</A>
<UL><LI>中国
<LI>美国
<LI>加拿大
<LI>日本
<LI>印度</UL>
</BODY>
</HTML>

参看

Link


【目录】 【上一页】 【下一页】 【索引】

返回页面顶部