×

用JS统计HTML中的连接数

作者:andy0012019.09.23来源:Web前端之家浏览:7429评论:0
关键词:htmllenth

想要使用JavaScript显示html文档中存在的链接数,可以使用Document对象的Links属性和length属性。

在浏览器中加载的任何网页都可以由Document界面表示。它用作DOM树的入口点,DOM树包含所有元素,如<body>、<title>、<table>、<a>等。

我们可以使用document()构造函数创建Document对象。这些Document对象有许多属性。其中一个属性就是Links。Links属性提供Document文档中所有<area>元素和<a>元素的集合。还有一个属性是length属性。length属性告诉我们document.links数组中存在的链接数。因此,document.links.length语句可以为我们提供了HTML文档中存在的链接数。

下面的HTML文档包含一段javascript代码,它告诉文档中存在的链接数:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>使用JavaScript显示html中存在的链接数</title>
</head> 
  
<body> 
<a href="#">链接1</a> 
<a href = "www.html.cn">链接2</a> 
<a href="www.html.cn/qa/javascript">链接3</a> <br /><br />
  
  
<script type="text/javascript"> 
  document.write("链接数为:" +  
                  document.links.length); 
</script> 
  
</body> 
</html>

预览看下结果吧!

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://jiangweishan.com/article/jsduf782394802938.html

网友评论文明上网理性发言 已有0人参与

发表评论: