JavaScript返回网页中超链接数量的方法

 更新时间:2015年04月03日 10:57:19   作者:疯狂一夏  
这篇文章主要介绍了JavaScript返回网页中超链接数量的方法,使用javascript中的document.links实现这一功能,需要的朋友可以参考下

本文实例讲述了JavaScript返回网页中超链接数量的方法。分享给大家供大家参考。具体如下:

下面的JS代码通过document.links获取网页中的所有超级链接,从而获得超链接的数量

<!DOCTYPE html>
<html>
<body>
<img src ="planets.gif" width="145" height="126" 
alt="Planets" usemap ="#planetmap">
<map name="planetmap">
<area shape="rect" coords="0,0,78,125" href="sun.htm" alt="Sun">
<area shape="circle" coords="88,60,5" href="mercury.htm" alt="Mercury">
<area shape="circle" coords="125,60,9" href="venus.htm" alt="Venus">
</map>
<p><a href="/js/">JavaScript Tutorial</a></p>
<p>Number of areas/links:
<script>
document.write(document.links.length);
</script></p>
</body>
</html>

运行结果如下:

Number of areas/links: 4

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • 详解JavaScript如何实现一个简易的Promise对象

    详解JavaScript如何实现一个简易的Promise对象

    Promise对象的作用将异步操作以同步操作的流程表达出来,避免层层嵌套的回调函数,而且Promise提供了统一的接口,使得控制异步操作更加容易。本文介绍了如何实现一个简单的Promise对象,需要的可以参考一下
    2022-11-11
  • JavaScript中三种非破坏性处理数组的方法比较

    JavaScript中三种非破坏性处理数组的方法比较

    在这篇文章中,我们将会探索处理数组的三种方法:for…of循环、数组方法.reduce()和数组方法.flatMap(),文中的示例代码讲解详细,感兴趣的可以了解一下
    2023-06-06
  • Bootstrap每天必学之导航组件

    Bootstrap每天必学之导航组件

    Bootstrap每天必学之导航组件,制作面包屑式导航、导航加下拉菜单效果,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 微信小程序学习总结(二)样式、属性、模板操作分析

    微信小程序学习总结(二)样式、属性、模板操作分析

    这篇文章主要介绍了微信小程序样式、属性、模板操作,结合实例形式分析了微信小程序尺寸单位、样式、数据初始化、属性、模板调用相关操作技巧,需要的朋友可以参考下
    2020-06-06
  • 一文带你掌握JavaScript中的箭头函数

    一文带你掌握JavaScript中的箭头函数

    在JavaScript中,箭头函数是一种简化的函数语法,它在ES6(ECMAScript 2015)引入,本文就来和大家深入讲讲JavaScript中的箭头函数的使用吧
    2023-05-05
  • JS中toFixed()方法引起的问题如何解决

    JS中toFixed()方法引起的问题如何解决

    最近发现JS当中toFixed()方法存在一些问题,采用原生的Number对象的原型对象上的toFixed()方法时,规则并不是所谓的“四舍五入”或者是四舍六入五成双
    2012-11-11
  • javascript数据结构之双链表插入排序实例详解

    javascript数据结构之双链表插入排序实例详解

    这篇文章主要介绍了javascript数据结构之双链表插入排序实现方法,较为详细的分析了插入排序的原理及双链表插入排序的实现技巧,对于学习JavaScript数据结构具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • JS中比Switch...Case更优雅的多条件判断写法

    JS中比Switch...Case更优雅的多条件判断写法

    这篇文章主要给大家介绍了关于JS中比Switch...Case更优雅的多条件判断写法,文中通过示例代码介绍的非常详细,对大家学习或者使用JS具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • JavaScript设计模式之命令模式

    JavaScript设计模式之命令模式

    这篇文章主要介绍了JavaScript设计模式之命令模式,对设计模式感兴趣的同学,可以参考下
    2021-04-04
  • JS实现页面载入时随机显示图片效果

    JS实现页面载入时随机显示图片效果

    这篇文章主要介绍了JS实现页面载入时随机显示图片效果,涉及javascript基于随机数与数组的页面元素动态修改相关操作技巧,需要的朋友可以参考下
    2016-09-09

最新评论