首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何知道从上一个网页中点击了哪个'a href‘链接?

从上一个网页中点击了哪个'a href'链接可以通过以下几种方式来实现:

  1. 使用JavaScript:可以通过在链接的点击事件中添加JavaScript代码来获取点击的链接信息。可以使用event对象的target属性来获取被点击的元素,然后通过该元素的href属性获取链接地址。示例代码如下:
代码语言:javascript
复制
document.querySelectorAll('a').forEach(function(link) {
  link.addEventListener('click', function(event) {
    var clickedLink = event.target;
    var clickedHref = clickedLink.href;
    console.log('Clicked link: ' + clickedHref);
  });
});
  1. 使用服务器端脚本:如果网页中的链接是通过服务器端脚本生成的,可以在生成链接时将链接地址作为参数传递给服务器端脚本,然后在服务器端脚本中获取该参数值。具体实现方式取决于使用的服务器端语言和框架。
  2. 使用浏览器的开发者工具:在浏览器中打开开发者工具(通常是按下F12键),切换到"Network"(网络)选项卡,然后点击链接,在请求列表中可以看到被点击的链接的请求信息,包括请求的URL。

需要注意的是,以上方法都是通过获取链接的URL来确定点击了哪个链接,无法获取到链接的其他信息,如链接的文本内容等。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

如何从10亿数据快速判断是否存在某一个元素?今天总算知道

如下图所示就是一个简单的布隆过滤器示例(一个 key 值经过哈希运算和位运算就可以得出应该落在哪个位置): ?...如何从10亿数据快速判断是否存在某一个元素?今天总算知道 所以通过上面的现象,我们从布隆过滤器的角度可以得出布隆过滤器主要有 2 大特点: 如果布隆过滤器判断一个元素存在,那么这个元素可能存在。...如何从10亿数据快速判断是否存在某一个元素?今天总算知道 第一部分输出的 mightContainNum1一定是和 for 循环内的值相等,也就是百分百匹配。...如何从10亿数据快速判断是否存在某一个元素?今天总算知道 对于这个默认的 3% 的 fpp 需要多大的位数组空间和多少次哈希函数得到的呢?...如何从10亿数据快速判断是否存在某一个元素?今天总算知道 得到的结果是 7298440 bit=0.87M,然后经过了 5 次哈希运算。

1.2K20

Document.Referrer丢失的几个原因

例如在www.sina.com.cn/sports/上点击一个链接到达cctv.com首页,那么就referrer就是www.sina.com.cn/sports/。..."#" onclick="window.open('http://www.google.com')">访问Google 点击链接会在新窗口打开Google网站,我们在地址栏输入以下js代码就可以看到发送的...点击Flash内部链接 点击Flash上到达另外一个网站的时候,Referrer的情况就比较杂乱。...例如,我们在HTTPS下使用Google Reader或是Gmail的时候,点击某个链接去到另外一个网站,那么从技术上来说,这样的访问和用户直接键入网址访问是没有什么分别的。...这样就可以知道广告流量对应于哪个广告系列,哪个广告来源和广告关键词等信息。和上面提到的思路其实是类似的。只不过Google自动帮你做了Url的修改了而已。 ?

4K20

我们应该知道的标签

2、电子邮件链接 内容 3、返回页面顶部空链接 返回顶部 注意:设置超链接时,如果不确定要链接哪个位置处时...href="#"与href="javascript:void(0)"的区别 # 包含了一个位置信息,默认的锚是#top 也就是网页的上端。...而javascript:void(0), 仅仅表示一个链接。 6、一键拨号 点击拨号10000 7、发短信 格式:sms:手机号[,手机号][?...在相同的框架打开被链接文档。 _parent 在父框架集中打开被链接文档。 _top 在整个窗口中打开被链接文档。 framename 在指定的框架打开被链接文档。...总结 到此,标签很多有趣的事情,相信大家都知道,但是这还不是所有的,还有更多的事情,需要大家去发现,希望大家发现之后分享出来。

1.5K10

链接标签

在所有浏览器链接的默认外观是: 未被访问的链接带有下划线而且是蓝色的 已被访问的链接带有下划线而且是紫色的 活动链接带有下划线而且是红色的 大家可能不知道这个活动链接表示的是什么,就是"当前正打开的网页..."是通过单击哪个链接打开的,那么这个链接就属于"活动链接",也可以理解是用户最后一次点击链接,在简单的说就是你鼠标放在超链接上面,然后点击不松手,就是红色。...如果a标签内没有此元素,默认是在浏览网页重新载入对应链接网页,一般来说,我们除了_blank和_parent,其余不怎么常用。...然后,就要在我们想要跳转点击的地方,给一个文字,注意href值是#开头+英文字母命名,注意命名都要一样的,不然是无法判断要跳转到对应的地方的,只限在当前页面进行锚链接的跳转...插入好图片,我们怎样做到点击图片能进行跳转呢,非常的简单,只要在img标签的外面套一个a标签就可以,只要在a标签的,不管你是任何的文字还是图片,都会有点击的效果,也就是你鼠标放上去会有一个小手出现,然后

2.4K00

Cross-Site Scripting XSS漏洞

DOM树: 观察一下这个题目,当我们输入任何数据都会转换为一个网页点击what do you see页面会发生跳转: 在网页源代码也可以看到, 点击click之后生成了标签: 漏洞利用...当随便输入内容并点击按钮后,发现url新增一个test参数,点击链接, 调用domxss()函数,解析url提取出test参数值, 然后嵌入到新的a标签。...url会作为a标签的href属性值: 查看网页源代码,发现左右尖括号和单引号都被html编码,这样的话,闭合标签或者闭合属性都行不通了。...但也不是没办法,W3School对 标签的href属性有以下描述: 标签的 href 属性用于指定超链接目标的 URL: href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和...如果用户选择 标签的内容,那么浏览器会尝试检索并显示 href 属性指定的 URL 所表示的文档,或者执行 JavaScript 表达式、方法和函数的列表。

27610

Python抓取壁纸

通过上图可以看到网页显示12张缩略图(分辨率降低的图片,用于展示),然后下面还有分页,也就是说每页显示12张缩略图,点进去之后是缩略图的详细信息,里面有各个分辨率的下载链接,看下图 那咱们的目的就是获取下载链接然后下载...通过上图的操作找到可以定位到第一个内容的元素标签及标签的属性 从上图中可以看到你选择的这个元素是用标签包起来的,下有标签,标签的属性href值就是当前内容的详细信息链接,但是它的值开头是...,那就是,找到了他们的爸爸后便可以开始编写代码 编写代码 先编写获取详细页面链接的代码 Tips: 编写代码之前需要知道如何使用requests...("a[href]") 这段代码是指找到id为pics-list的子元素带有href属性的a标签元素,也就是这种元素,上面就说了select函数返回的是一个数组,....html 第一步开始要定位到该元素,定位到该元素后展开它的子节点,看下图 从上图的黄色框框及蓝色框框可以看出他用了两个div来展示下载链接,但是将鼠标悬浮上面后只展示一个div的内容,我查看了其他内容的详细页面后发现都有两个

1.8K20

正则表达式学废了?xpath来救!

获取父节点 通过上面的几个例子,想必应该知道何为子节点与子孙节点。那么如何寻找父节点呢?这里可以通过 .. 来实现。...获取标签属性值 在编写爬虫的过程,很多时候我们需要的数据可能是属性值,那就要学会如何来获取我们想要的属性值了。...= html.xpath('//li[contains(@class, "li") and @name="item"]/a/text()') print(result) xpath运算符的简单介绍 从上面的示例你应该知道...点击下载按钮之后,你会发现,浏览器向图中的网址发起了请求,点击进去之后发现这个就是高清图片的链接地址。 从而我们的第一个需求就是获取所有图片的链接地址。 获取图片链接 为什么要获取图片链接呢?...获取每一页的图片链接 在上图中你会发现,图片的链接就藏在data-progressive里面,这不就是img标签的属性吗?有何难?

65710

不用React Vue,只用原生JS,如何开发单页面应用?

以前我们访问网页,每个页面是一个html文件。点击某个超链接,就跳转到新的html页面。每次浏览器访问html时,需要重新下载整个html文档、JS和CSS依赖,才能展现出整个页面。这个效率很低。...每当用户点击链接,准备切换页面时,通过history API使浏览器更新URL而不必重新下载html文档,然后JS只要把现有的页面卸载(隐藏),再把内存的东西展示出来即可。...多个页面如何定义?页面切换时,不可以使用location.replace('新的网址')或document.href = '新的网址',因为它会使浏览器下载html文档。...例如,用户点击链接,准备渲染新页面,此时立马点击旧页面某个按钮,要执行旧页面某个按钮的回调函数。这可能有超出预期的结果。我们需要在切换路由后,就禁止旧页面的一切事件回调。...每个页面需要对应一个路由。我说一下我在游戏《Dice Crush》的做法。它有3个页面:主页、选择关卡页面、游戏页面。

9.2K51

Web Scraping with Python

在这一章,我们要开始尝试爬取多页面甚至是多站点的真实网页。...爬虫之所以叫爬虫是因为它能在跨越网页爬取数据,它们的核心是一些循环的单元,这些单元要从一个网址(URL)中下载页面,然后从这个网页寻找另一个网址,然后继续下载网页,如此循环往复。...^) 1.首先介绍如何一个网域中爬取数据: 书中举了一个“Six Degrees of Wikipedia"和"Six Degrees of Kevin Bacon"的游戏的例子...' in link.attrs: print(link.attrs['href']) 之所以findAll参数为”a“,是因为点击网页查看源代码之后,可以看到词条的链接都包含在这样的结构里面...然而BeautifulSouplink.attrs是词典类型的,可以通过link.attrs['href']来调用href也就是链接地址的值。 今天就这么多了吧,一写就发现原来我没看懂啊。

32910

SSL Strip的未来:HTTPS 前端劫持

客户端依次收到各个数据块,最终才能合并成一个完整的网页。 ? 由于每次收到的都是残缺的碎片,这给链接替换带来很大的麻烦。加上不少页面并非标准的 UTF-8 编码,因此更是难上加难。...尽管用户最终点击的只是其中一两个链接,但中间人并不知道将会是哪个,因此仍需分析整个页面。这不得不说是个悲哀。...我们并不知道动态元素何时会添加进来,因此需要开启定时器不断的扫描。这显然是个很挫的办法。 性能优化 事实上,超链接无论是谁产生的、何时添加进来的,只要不点击,都是不起作用的。...事实上,有一个非常简单的办法:当我们的捕获程序运行时,新页面还远没出现,这时仍有机会修改超链接href。待事件冒泡完成、执行默认行为时,浏览器才读取 href 属性,作为最终的结果。...传统的后端劫持之所以能正确转发,那是在替换超链接的时候,已经做下记录。当出现记录的请求,就走 https 的转发。 而我们的劫持在前端,并且只发生在点击的一瞬间。

1.7K50

社会化营销秘密武器:用 Google Analytics 监测社会化分享效果

在 Google Analytics 报告 》 内容 》事件跟踪就能详细的社会化分享按钮点击的统计,下面是我爱水煮鱼最近一星期的统计: 社会化分享按钮点击统计报表 从上面可以知道新浪微博被使用最多...然后选择事件总计标签左边侧的下拉菜单,选择网页就能看到哪个页面被分享最多了: 社会化分享按钮最多点击页面统计报表 社会化分享的效果 上面通过 Google Analytics 的事件跟踪功能统计社会化分享按钮的点击...Google Analytics 提供一个很好的工具,叫做网址构建器,通过给网页 URL 增加一些特定的参数,就可以在 Google Analytics 很好的鉴别来源及属性: 如果分享到新浪微博,...,只有分享到新浪微博和人人网的链接才有用户点击过来。...社会化分享 WordPress 插件 由于很多同学不知道如何去是实现这些按钮和代码,我把他们整理成一个 WordPress 插件:WordPress 社会化分享插件,不过需要收费,价格为 0.99 。

42610

爬取英文演讲资源

解析网页,提取信息 缺少哪个py库,用pip install xx 来安装 分析与设计 分析过程 人工打开几个目标网页,查看网页源代码来分析下规律,即如何通过主网页,一步步跳转到最终的资源链接....打开主页,上面显示几十个链接,每一个链接分别是一个具体的演讲页面,其中一个表示如下: <a href="/tingli/...href即是一个演讲的链接地址 这里要注意给出的链接是需要补齐前缀的 针对每一个具体的演讲的网页,基本都提供一个音频的播放器 只要点击下载图标按钮,就会切换到另一个网页 分析音频播放器下载按钮的链接,...class="download"> 即mp3资源链接即是从播放器下载图标中提取出来的链接的 mp3=xxx的地址 lrc歌词改下后缀即可 提炼总结 根据提供的主页,通过特定的td标签解析出来每一个演讲的链接...,即是一个单独的任务 对每个任务,解析jswindow.open后跟的链接,即是最终的资源所在;分别下载mp3和lrc即可 伪码 main_url = "xxx.html" for td_tag in

79810

详解HTML超链接

大家好,又见面,我是你们的朋友全栈君。 超链接是互联网提供的最令人兴奋的创新之一,它们从一开始就一直是互联网的一个特性,使互联网成为互联的网络。...HTML超链接也是各个网站网页之间实现相互连接的一个手段之一,被广泛应用在各大网站。...几乎任何网络内容都可以转换为链接点击(或激活)超链接将使网络浏览器转到另一个网址(URL)。...如果浏览器不知道如何显示或处理文件,它会询问您是否要打开文件(需要选择合适的本地应用来打开或处理文件)或下载文件(以后处理它)。...–>复制代码 2、外部链接 将 target 设置成 _blank 时,点击这个链接,浏览器会新开一个窗口打开该网页: <a href=”这里写链接地址” title=”前端一万小时” target=”

3.3K30

Markdown也有xss

标题始终是标题,但处理器可以选择应用哪种字体和权重、将标题放置在何处以及标题在目录的显示方式。看看一个例子视觉效果也非常棒!但是,Medium并不存储HTML和CSS的网页,而是存储一个标记文件。...在我测试的Web应用程序,我知道触发XSS不是很容易的一件事。它是一个Angular应用程序,默认情况下会清除页面上渲染的所有内容。...再探Markdown Markdown的另一个例子是链接,它的语法与图像相同,但是没有前缀'!'。...exploit 最初的漏洞利用十分简单,从上面的代码来看,我们可以从href属性中转义,并添加一些在DOM事件上触发的脚本。或者,我们直接将代码放在href。...果不其然,这奏效。现在我们有一个链接,当我们点击它时,它会弹出一个警告。这表明前端和后端都没有将markdown视为XSS向量,或者没有正确地进行处理。 这是就完了吗?

2.5K40

前端系列教学 - HTML基础

简单来说就是网页打开后浏览者看到的页面内容。 这是段落元素,里面定义一个段落。 从上面的例子可以看出,HTML语言只是在描述网页的结构,并没有涉及任何计算,变量,指令,方程。...参考网站:特殊字符大全 ## 超链接 使用标签 定义超文本链接,可以从一个页面指向另一个目的端的链接。也正是因为有链接,才让网页连成网络。...标签的默认表现样式为蓝色,点击后字体颜色为紫色。 href属性: 在标签中使用“href属性”来定义目标地址。当链接点击,则跳转到目标。...在标签的href属性值为 #符号 加上 目标元素的 id名。 当链接点击的时候,网页就会自动滚动到目标板块。...在学习前端的过程知道去哪里查文档,问问题是很重要的。下面我就推荐一些对初学前端很有帮助的网页吧。

7.1K110

一个小爬虫

1、从哪个页面开始 2、怎么进入到我们的目标网页 3、如何从目标网页解析出我们的目标数据 4、解析后的数据如何存储 5、如何防止页面重复爬取 爬虫的高级目标-数量少却高效的代码 同样的一个网站,不同的人写出来...如果每次请求都是全新的,服务器会不知道是谁发过来的,进而就可能造成一个混乱的局面,把A的消息发给B,C的邮件给A等等。...接着鼠标点到网页上去,按F5刷新界面。我们马上可以看到在调试窗口里面的列表有一个一个的请求出现,我们找到第一个请求(通常是第一个,具体请看请求的网址),点击一下,就显示出了这个请求的具体信息。...我们可以看到网页的源代码,说明下载没有问题,而且在网页代码,可以找到我们需要的电影信息。...找到网页的第一个电影的名字,鼠标指向该名字,点击右键,选择 检查/审查元素,然后便会打开一个新的小窗口在页面上,并且将网页代码电影的名字显示在里面,并且你鼠标指向的元素会显示出它的大小,内容会被选中

1.4K21

Jmeter(四十五) - 从入门到精通高级篇 - Jmeter之网页爬虫-上篇(详解教程)

因此今天文章的主题就是介绍一下 Jmeter 如何实现一个网页爬虫!这里宏哥以爬取博客园首页文章为例实战一下。...下面宏哥就来简单介绍一下如何操作。 3.小试牛刀 1、首先我们根据爬虫原理需要对网页提交一个请求,就拿博客园来举例子实战一下吧!我们向博客园发起一个请求,如下图所示: ?...6、又或者我们在结果里面直接利用正则匹配一下,可以看到很多网页链接都被取出来了,如下图所示: ?...到此,Jmeter之网页爬虫-上篇就结束,是不是很简单?去实际操作一下吧! 4.小结   注意正则表达式,宏哥开始的时候,没有那个问号,结果导致url,会带有target一串东西,导致请求失败。...好了,关于网页爬虫就介绍到这里,其实知道其原理后实现是相当简单的,下一篇宏哥介绍一下,如何爬取图片。

90930
领券