javascript 得到链接的方法

最新推荐文章于 2023-08-29 09:58:53 发布

蟹道人

最新推荐文章于 2023-08-29 09:58:53 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript基础部分学习文章标签： javascript html

本文链接：https://blog.youkuaiyun.com/csdt_csdt/article/details/11677967

javascript基础部分学习专栏收录该内容

51 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数getLinks(), 该函数可以遍历并显示网页中所有的超链接地址。示例页面包含指向百度、谷歌和雅虎的链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
  <head>
    <title>js23.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	<script type="text/javascript">
	
	function getLinks(){
		
		//alert(document.links.length + "个链接");//得到链接个数的函数
		for(var i=0; i<document.links.length;i++){
			
			alert(document.links[i]);
		}
	}
	
	</script>
  </head>
  
  <body>
    
    <a href = "http://www.baidu.com">Baidu</a><br>
    <a href = "http://www.google.com">Google</a><br>
    <a href = "http://www.yahoo.com">Yahoo</a><br>
    
    <input type = "button" value = "链接" onclick = "getLinks();"/>
  </body>
</html>

说明：links返回对所有link引用。