JavaScript获取页面中超链接数量的方法

 更新时间:2015年11月09日 11:43:09   作者:企鹅  
这篇文章主要介绍了JavaScript获取页面中超链接数量的方法,涉及JavaScript针对页面元素获取及运算的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

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

这里演示JavaScript取得页面的超链接数,感兴趣的朋友可以学习借鉴一下。

运行效果截图如下:

在线演示地址如下:

http://demo.jb51.net/js/2015/js-total-link-num-codes/

具体代码如下:

<html>
<head>
<title>JavaScript取得页面的超链接数</title>
<script language="javascript">
<!--
 function getLinks(){
  links = document.all.tags("A")
  total = links.length;
  alert("本页面共有" + total + "个超链接!");
 }
-->
</script>
</head>
<body onLoad="getLinks()">
<a href="#">a</a>
<a href="#">b</a>
<a href="#">c</a>
</body>
</html>

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

相关文章

  • next.js getServerSideProps源码解析

    next.js getServerSideProps源码解析

    这篇文章主要为大家介绍了next.js getServerSideProps源码解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-10-10
  • 第一次接触Bootstrap框架

    第一次接触Bootstrap框架

    这篇文章主要为大家详细介绍了Bootstrap框架,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 微信小程序实现商品数据联动效果

    微信小程序实现商品数据联动效果

    这篇文章主要介绍了微信小程序实现商品数据联动效果,代码很简单,直接复制即可根据自己的需求去修改,对小程序商品数据联动实例代码感兴趣的朋友一起看看吧
    2022-08-08
  • JS中如何实现Laravel的route函数详解

    JS中如何实现Laravel的route函数详解

    这篇文章主要给大家介绍了JS中是如何实现Laravel的route函数,文中通过示例代码介绍的很详细,相信对大家具有一定的参考价值,有需要的朋友们下面来一起看看吧。
    2017-02-02
  • JS实现图片局部放大或缩小的方法

    JS实现图片局部放大或缩小的方法

    这篇文章主要介绍了JS实现图片局部放大或缩小的方法,涉及javascript事件响应及页面元素动态操作相关技巧,需要的朋友可以参考下
    2016-08-08
  • JavaScript构造函数原理及实现流程解析

    JavaScript构造函数原理及实现流程解析

    这篇文章主要介绍了JavaScript构造函数原理及实现流程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-11-11
  • javascript设计模式 – 简单工厂模式原理与应用实例分析

    javascript设计模式 – 简单工厂模式原理与应用实例分析

    这篇文章主要介绍了javascript设计模式 – 简单工厂模式,结合实例形式分析了javascript简单工厂模式基本概念、原理、定义、应用场景及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • 微信小程序顶部导航栏可滑动并选中放大

    微信小程序顶部导航栏可滑动并选中放大

    这篇文章主要介绍了微信小程序顶部导航栏可滑动并选中放大,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • 实例详解JS中的事件循环机制

    实例详解JS中的事件循环机制

    JavaScript是单线程的脚本语言,所以代码在执行的时候,只有一个主线程来执行所有的任务,同一个时间只能做同一件事情。本文就为大家详细讲解一下它的件循环机制,需要的可以参考一下
    2022-04-04
  • 微信小程序中使用自定义图标(阿里icon)的方法

    微信小程序中使用自定义图标(阿里icon)的方法

    这篇文章主要介绍了微信小程序中使用自定义图标(阿里icon)的方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08

最新评论