两种提取Html代码中的a标签超链接的办法

JavaScript 5 年前 0 5.6K

第一种JS方法

把下面JS放到要提取的页面里，打开网页后所有a标签超链接都会显示在下面

<script type="text/javascript">
	var obj = document.getElementsByTagName('a');
	for (var i = 0,j; j =obj[i]; i++) {
		document.write(j.href+'<br/>');
	};	
</script>

第二种F12方法

打开网站F12，找到Console输入下面代码，注意下面的注释提示

copy( // 复制到剪贴板
  [].filter.call(document.links, function(l) { // 过滤
    return l.hostname === 'www.madapang.com'
  })
  .map(function(l) { // 投影
    return l.href
  })
  .filter(function(uri, i, uris) { // 去重
    return i === uris.indexOf(uri)
  })
  .sort()  // 排序
  .join('\n') // 以换行符连接
)

拜拜ヾ(•ω•`)o