JavaScript程序的设计（第2版）03.锚点（anchor）与链接（link）对象.pptVIP

* * 锚点（anchor）与链接（link）对象 本讲大纲： 1、锚点对象 2、链接对象 锚点对象 JavaScript中的锚点对象是文档对象的一个属性，它通常以数组的形式表示网页中所有的锚点。 anchors数组中包含了文档中定义的所有的锚点（a…/a）标记，可以通过该数组来访问和查找某个锚点。anchors数组中存储锚点的顺序是以锚点在文档中出现的顺序存储的，该数组的下标是从0开始。anchors数组常用的属性如下： （1）length属性 该属性用来获取文档中锚点的总数。 语法： [number=]document.anchors.length number：用来存储文档中锚点的总数，number可选项。 （2）name属性 该属性用来获取某一个锚点的name参数值。 语法： [gName=]document.anchors.name gName：用来存储某一个锚点name参数的值，gName可选项。 （3）id属性 该属性用来获取锚点的id参数值。 语法： [gId=]document.anchors.id gId：用来存储锚点id参数的值，gId可选项。 例7-6 本示例在页面中显示锚点的个数并显示所有锚点的name和id参数值。程序代码如下。 body a id=a1 name=编程词典网编程词典网/a a id=a2 name=编程体验网编程体验网/a a id=a3 name=编程资源网编程资源网/a hr / script language=javascript !-- var leng=document.anchors.length; document.writeln(br网页中链接的数量+leng+br); var l=0; for(var i=0;ileng;i++){ l=i+1; document.writeln(br第+l+个锚点的name值为：+document.anchors[i].name); document.writeln(br第+l+个锚点的id值为：+document.anchors[i].id); document.writeln(br); } -- /script /body 运行结果如图7-9所示。 图7-9 获取锚点的个数、name和id参数值 链接对象 在JavaScript中链接对象是文档对象的一个属性。在每个文档对象中都可以定义多个链接对象，而每一个链接对象都存储在links[]数组中。链接对象是以在页面中出现的顺序存储在links[]数组中的。链接对象常用的属性及说明如表7-4所示。 表7-4 链接对象的常用属性及说明 （1）hash属性 该属性用来获取超链接URL中的锚标记的部分并包含“#”符号。 语法： [anchor=]links[n].hash anchor：字符串变量，用来存储超链接URL中锚标记。anchor是可选项。 （2）host属性 该属性用来获取超链接URL中的主机名称和端口号。 语法： [nameNumber=]links[n].host nameNumber：字符串变量，用来存储超链接URL中的主机名称和端口号。nameNumber是可选项。 （3）hostname属性 该属性用来获取超链接URL中的主机名称。 语法： [name=]links[n].hostname name：字符串变量，用来存储超链接URL中的主机名称和端口号。name是可选项。 （4）href属性 该属性用来获取完整的超链接URL。 语法： [url=]links[n].href url：字符串变量，用来存储完整的超链接URL。url是可选项。 （5）pathname属性 该属性用来获取超链接URL中的路径名部分。 语法： [urlName=]links[n].pathname urlName：字符串变量，用来存储路径名的部分。urlName是可选项。 （6）port属性 该属性用来获取超链接URL中的端口号。 语法： [number=]