一行JavaScript代码获取页面中的所有超链接地址

因为我喜欢收集Web开发类的网址,平时对网址就很敏感。

我总结了一下我收集网址的几个阶段:

1.纯手工阶段,傻傻的阶段。

在这个阶段,主要是收集一些在页面中展现出来的网址,就是说,如果网址出现在HTML注释中

导致没有展现出来的话,我是不关注的。还有就是一些超链接的网址,但是超链接的网址收集很麻烦

不能直接复制,在IE中我总是右键选择超链接的属性,打开属性框,从那里面复制网址。

后来感觉这样太慢了,想到了一个稍微方便的方法,那就是点击超链接,打开新窗口,然后复制地址栏中的

网址,这样比以前方便多了。

2.使用浏览器提供的右键复制功能来复制网址

后来在使用火狐和Chrome的过程中发现这两种浏览器都提供了一个右键菜单---“复制链接地址”

这个发现真是令我高兴极了,好像发现宝贝一样。这样不用打开新窗口也能复制地址了。

3.使用程序分析内容的半自动化阶段

后来遇到了一种情况,一个网页里面有一个列表,是一个各个语言的开发工具的列表,和相应的下载地址。

我很高兴,因为能找到这么多好东西,但是我突然想到一个问题,我使用手工去一个一个的复制,是不是有点浪费时间的

感觉呢?这时我想到了使用程序去抓取页面内容,然后提取网址出来。

我首先想到了CURL和WGET,因为这两个是在命令行下面经常使用的下载东西的工具。

但是,我更喜欢GUI下面的工具,这时候,我想到了PHP的插件----

Snoopy也可

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
在HTML表单,如果要让新增的一行某个单元格和之前的一样含有超链接,可以使用JavaScript来实现。 具体的做法如下: 1. 给新增的行需要含有超链接的单元格设定一个id,例如id="link-cell"。 2. 在JavaScript获取该单元格的id,并设置其innerHTML属性为之前的单元格的innerHTML属性。 3. 在之前的单元格,将超链接的html代码保存在一个变量,例如linkHTML。 4. 在JavaScript,将linkHTML插入到新增的单元格,即可实现让新增的单元格和之前的一样含有超链接。 示例代码如下: ```html <!-- 表单的原始行,其第二列含有超链接 --> <tr> <td>内容1</td> <td id="link-cell"><a href="#">链接1</a></td> </tr> <!-- JavaScript代码,用于新增一行并设置其超链接 --> <script> // 获取需要含有超链接的单元格 var linkCell = document.getElementById("link-cell"); // 保存超链接的html代码 var linkHTML = linkCell.innerHTML; // 新增一行 var newRow = document.createElement("tr"); // 新增一列,并插入超链接的html代码 var newCell = document.createElement("td"); newCell.innerHTML = linkHTML; // 将新列插入到新行 newRow.appendChild(document.createElement("td")); newRow.appendChild(newCell); // 将新行插入到表单 var form = document.getElementById("my-form"); form.appendChild(newRow); </script> ``` 注意,上述代码的my-form是表单的id,需要根据实际情况进行替换。同时,也可以根据需要修改其超链接地址、文本等内容。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

浴火_凤凰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值