`
cakin24
  • 浏览: 1397731 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

链接对象links

阅读更多
一 介绍
在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>页面中超链接的数量:&nbsp;</b>"+document.links.length+"<br>");
document.write("<b>链接URL中锚的部分:&nbsp;</b>"+document.links[1].hash+"<br>");
document.write("<b>主机名称:&nbsp;</b>"+document.links[0].hostname+"<br>");
document.write("<b>主机名称和端口号:&nbsp;</b>"+document.links[0].host+"<br>");
document.write("<b>完整的链接URL:&nbsp;</b>"+document.links[0].href+"<br>");
document.write("<b>链接URL中的路径名部分:&nbsp;</b>"+document.links[0].pathname+"<br>");
document.write("<b>链接URL中的端口号:&nbsp;</b>"+document.links[0].port+"<br>");
document.write("<b>链接URL中协议部分:&nbsp;</b>"+document.links[0].protocol+"<br>");
document.write("<b>链接URL中条件部分:&nbsp;</b>"+document.links[0].search+"<br>");
document.write("<b>链接的目标窗口打开方:&nbsp;</b>"+document.links[0].target);
-->
</script>
</body>
 
四 运行结果

 

 

  • 大小: 9.1 KB
2
0
分享到:
评论

相关推荐

    JavaScript之浏览器对象

    九、LINKS链接对象 Links对象包含页面中所有的超链接。`document.links`返回一个NodeList,可以通过索引或属性访问这些链接。 十、IMAGES图像对象 Images对象表示HTML的`&lt;img&gt;`元素。`document.images`返回一个数组...

    database links 和synonym的用法

    Database Links允许用户从一个数据库实例访问另一个数据库实例的数据,而Synonym则为数据库对象提供了一个简化的名称,增强了数据库的易用性。 首先,Database Links是Oracle数据库中的一个功能,它使得用户能够...

    前端开源库-parse-links

    使用这个库时,开发者只需要引入parse-links,然后调用相应的函数,传入HTML字符串或DOM元素,就能得到解析后的链接对象数组。这极大地简化了前端开发中的链接处理工作。 此外,由于这个库是开源的,开发者可以查看...

    some links

    标题“some links”给出的信息可能是指提供了一些与IT相关的链接,但具体的内容没有在描述中给出。描述中提到的“NULL”表示没有提供详细的描述信息。不过,标签为“源码”和“工具”,这提示我们接下来的内容可能...

    JavaScript 对象与数组参考大全

     使用标记创建的HTML描点能被一个链接作为目标如果锚点包括HREF=特性,则它也是一个链接对象。  anchor对象是document对象的一个属性,它本身没有属性方法或者事件处理程序。  B.2 anchors数组  anchors数组是...

    前端开源库-apeman-react-links

    - `links`:一个包含链接对象的数组,每个对象包含`label`(文本)和`href`(URL)。 - `className`:自定义列表的类名。 - `listStyle`:自定义列表的样式。 - `listProps`:传递给基础`ul`或`ol`元素的额外属性。 ...

    link-(1).rar_Links

    链接可能包括了PDF全文、DOI(数字对象唯一标识符)或者网页链接,允许读者直接访问原始研究。 对于用户来说,处理这样的压缩包需要了解基本的文件管理和解压技能。首先,他们需要使用解压缩软件(如WinRAR或7-Zip...

    A very basic ASP links engine.

    【标题】:“A very basic ASP links engine.” 是一个基于Active Server Pages (ASP)技术的简单链接管理系统。这个系统主要用于在网站上管理和展示外部链接,帮助用户发现和访问其他相关网站。 【描述】:该描述...

    HGM Links_delphi_link_

    3. **链接(Link)对象**:在Delphi中,可以创建自定义的链接对象,存储文件的相关信息,并提供生成、解析或复制链接的能力。 4. **字符串处理**:生成链接时,需要对文件路径进行处理,这涉及到字符串操作,如拼接...

    jdbc.rar_Links

    【描述】"Related links about jdbc" 暗示这个压缩包可能包含了指向有关JDBC的各种在线资源的链接,如教程、API文档、示例代码、最佳实践、社区论坛等。这些链接可以帮助开发者深入理解JDBC的工作原理,学习如何有效...

    获取HTML文件中的所有链接

    在JavaScript中,可以使用`DOMParser`或`XMLHttpRequest`加载HTML文档,然后通过`document`对象的`getElementsByTagName`或`querySelectorAll`方法找到所有的`&lt;a&gt;`标签。 3. **JavaScript操作**:获取HTML文件中的...

    VB 获取网站全部链接

    `HTMLDocument`对象提供了访问HTML元素的方法,如`getElementsByTagName`,可以用来获取所有`&lt;a&gt;`标签(代表链接): ```vb Dim links As MSHTML.IHTMLCollection Set links = htmlDoc.getElementsByTagName("a...

    LinkLog:Link Log 是一个为将所有链接添加到一个链接而创建的网站! 您可以共享一个“链接”,打开该链接的每个人都会获得您选择的链接。 这将有助于社交上的共享链接。 您可以在“创建自己的”部分中拥有完全个性化的网站。 您可以添加您选择的链接,然后只共享一个链接。 添加到网站的链接很容易! 您必须更新 `links.json` 文件,其余工作将由 Javascript 完成!! 玩得开心 !

    使用您的链接和各自的名称编辑 `links.json` 文件(注意:- 请记住,links.json 文件是 Javascript 对象,因此对象的语法必须相同) 您可以添加尽可能多的带有名称和网址的链接。 links.json文件语法: 桌面/...

    e语言-易语言百度Links解码

    百度Links通常指的是百度搜索引擎返回的网页链接,这些链接可能包含各种参数,如搜索关键词、排序方式等。解码百度Links意味着我们要解析这些链接中的参数,提取出有价值的信息。这需要我们理解URL编码和HTTP请求的...

    js对象属性大全下载

    - `forms`和`links`:分别表示文档中的表单和超链接集合。 - `write()`和`writeln()`:向文档写入文本,区别在于`writeln()`会自动添加换行符。 #### Form对象 Form对象代表HTML中的表单,可以通过以下属性和方法...

    JS弹性导航条---面向对象

    在"JS弹性导航条---面向对象"这个主题中,我们将探讨如何利用面向对象的概念来设计和实现一个灵活的网站导航条。 首先,让我们了解JavaScript中的面向对象特性。JavaScript支持三种主要的面向对象模式:构造函数、...

    js对象层次• navigator •screen•window

    此外,`document`还包含了一系列的数组属性,如`anchors[]`(所有命名锚点)、`links[]`(所有链接)、`forms[]`(所有表单)、`images[]`(所有图像)等,这些属性允许开发者方便地遍历和操作页面元素。 `forms[]`...

    javascript经典特效---title显示链接路径.rar

    在JavaScript的世界里,"title显示链接路径"是一个常见的交互效果,它涉及到网页元素的属性操作、事件处理以及DOM(文档对象模型)的操作。这个压缩包文件包含了一个名为"title显示链接路径.htm"的HTML文件,很显然...

    js关于document和window对象

    * links:一个数组,列出文档中的 link 对象 * location:当前显示文档的 URL * referrer:包含链接的文档的 URL * title:文档的标题 * vlinkColor:指向用户已观察过的文档的链接文本颜色 document 对象的方法...

    4 links ingles_Ingles_python_visualc++_s_

    描述提到"4 links de ingles que describen el correcto uso de los distintos",这表明这四个英文链接可能包含了关于正确使用各种编程概念或技术的指导。 虽然没有提供具体的链接内容,但我们可以根据标签和文件名...

Global site tag (gtag.js) - Google Analytics