JavaScript手册 
目录
此参考中包含
的内容
轻松上手
简介
操作符
语句
核心
文档
窗口
表单
浏览器
事件和
事件句柄
LiveWire
数据库服务
进程管理服务
实用工具
全局函数
LiveConnect
的Java包
索引
版权
 
【目录】 【上一页】 【下一页】 【索引】

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


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

回页面顶部回页面顶部