一 介绍
在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>
四 运行结果
![](https://i-blog.csdnimg.cn/blog_migrate/de37a6d767a71a1e368af1f386784e10.png)