一 介绍

在JavaScript中链接对象是文档对象的一个属性。在每个文档对象中都可以定义多个链接对象,而每一个链接对象都存储在links[]数组中。

链接对象以在页面中出现的顺序存储在links[]数组中。链接对象常用的属性及说明如下所示。

链接对象的常用属性及说明

属 性

说 明

hash

链接URL中锚的部分并包括“#”符号

host

链接URL中的主机名称和端口号

hostname

链接URL中的主机名称

href

完整的链接URL

pathname

链接URL中的路径名部分

port

链接URL中的端口号

protocol

链接URL中的协议部分并包括“:”

search

链接URL中的条件部分并包括“”符号

target

链接的目标窗口打开方式

hash属性

该属性用来获取超链接URL中的锚标记的部分并包含“#”符号。

语法:

[anchor=]links[n].hash

anchor:字符串变量,用来存储超链接URL中锚的标记。anchor是可选项。

host属性

该属性用来获取超链接URL中的主机名称和端口号。

语法:

[nameNumber=]links[n].host

nameNumber:字符串变量,用来存储超链接URL中的主机名称和端口号。nameNumber是可选项。

hostname属性

该属性用来获取超链接URL中的主机名称。

语法:

[name=]links[n].hostname

name:字符串变量,用来存储超链接URL中的主机名称和端口号。name是可选项。

href属性

该属性用来获取完整的超链接URL。

语法:

[url=]links[n].href

url:字符串变量,用来存储完整的超链接URL。url是可选项。

pathname属性

该属性用来获取超链接URL中的路径名部分。

语法:

[urlName=]links[n].pathname

urlName:字符串变量,用来存储路径名的部分。urlName是可选项。

port属性

该属性用来获取超链接URL中的端口号。

语法:

[number=]links[n].port

number:字符串变量,用来存储端口号。number是可选项。

protocol属性

该属性用来获取超链接URL中的协议部分并包括结尾处的“:”。

语法:

[confer=]links[n].protocol

confer:字符串变量,用来存储协议部分。confer是可选项。

search属性

该属性用来获取超链接URL中条件部分并包括“”。

语法:

[term=]links[n].search

term:字符串变量,用来存储条件部分。search是可选项。

target属性

该属性用来获取链接的目标窗口打开方式。

语法:

[mode=]links[n].target

mode:字符串变量,用来存储窗口打开方式,打开方式主要有4个属性,其属性值及说明如下表。


属 性 值

说 明

_parent

表示在上一级窗口中打开。一般使用框架页时经常使用

_blank

表示在新窗口中打开

_self

表示在同一个窗口中打开

_top

表示在浏览器的整个窗口中打开,忽略任何框架



二 应用 

links对象属性使用

本示例在页面中显示了超链接的个数,并显示了超链接对象的部分属性值。


三 代码


<body>
<a href="http://www.mrbccd.com/mr.html?s=10" target="_blank">编程网</a>
<a href="#www.bcty365.com">体验网</a>
<script>
<!--
document.write("<br><b>页面中超链接的数量: </b>"+document.links.length+"<br>");
document.write("<b>链接URL中锚的部分: </b>"+document.links[1].hash+"<br>");
document.write("<b>主机名称: </b>"+document.links[0].hostname+"<br>");
document.write("<b>主机名称和端口号: </b>"+document.links[0].host+"<br>");
document.write("<b>完整的链接URL: </b>"+document.links[0].href+"<br>");
document.write("<b>链接URL中的路径名部分: </b>"+document.links[0].pathname+"<br>");
document.write("<b>链接URL中的端口号: </b>"+document.links[0].port+"<br>");
document.write("<b>链接URL中协议部分: </b>"+document.links[0].protocol+"<br>");
document.write("<b>链接URL中条件部分: </b>"+document.links[0].search+"<br>");
document.write("<b>链接的目标窗口打开方: </b>"+document.links[0].target);
-->
</script>
</body>



四 运行结果




java对象 链式调用组件 对象链接_超链接