【目录】 【上一页】 【下一页】 【索引】
Anchor
文档中超级链接的目的地,称为锚。
创建源
使用 HTML A 标签或调用 String.anchor 方法。JavaScript 运行时刻引擎将为文档中的每个含有 NAME 属性的 A 标签创建一个对应的 Anchor 对象。它会将这些对象放在 document.anchors 属性数组中。你可以通过该数组的索引来访问一个 Anchor 对象。
要使用 String.anchor 方法定义一个锚,可用下面的格式:
theString.anchor(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
【目录】 【上一页】 【下一页】 【索引】
|