Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在锚点悬停的左下角显示与所述锚点的href属性不同的链接?_Javascript_Html_Firefox_Search_Safari - Fatal编程技术网

Javascript 如何在锚点悬停的左下角显示与所述锚点的href属性不同的链接?

Javascript 如何在锚点悬停的左下角显示与所述锚点的href属性不同的链接?,javascript,html,firefox,search,safari,Javascript,Html,Firefox,Search,Safari,我最近注意到一些关于谷歌搜索结果的事情。使用最新版本的Firefox时,如果您将鼠标悬停在Google搜索结果提供的链接上,左下角会显示一个不错的链接,但如果您查看该链接,您会发现该链接实际上是其他链接。一个指向根ie.google.com的链接,带有附加的查询变量,我认为当你点击链接时,它会将你重定向到实际页面 我想知道这怎么可能,在左下角显示一个完全不同的链接。我看到有类似的问题,都建议使用js或使用按钮进行回火。但我感兴趣的是,是否有人知道谷歌是如何做到这一点的 编辑: 让我们看一个例子来

我最近注意到一些关于谷歌搜索结果的事情。使用最新版本的Firefox时,如果您将鼠标悬停在Google搜索结果提供的链接上,左下角会显示一个不错的链接,但如果您查看该链接,您会发现该链接实际上是其他链接。一个指向根ie.google.com的链接,带有附加的查询变量,我认为当你点击链接时,它会将你重定向到实际页面

我想知道这怎么可能,在左下角显示一个完全不同的链接。我看到有类似的问题,都建议使用js或使用按钮进行回火。但我感兴趣的是,是否有人知道谷歌是如何做到这一点的

编辑: 让我们看一个例子来说明我的意思。 如果我搜索:Wikipedia,这些就是结果。没什么特别的吧?

如果我将链接悬停在这里没有什么特别的,我希望wikipedia.org

哈,但我错了,这才是真正的链接!维基百科上面突出显示的标题是链接

如果我使用ctrl+click或cmd+click会发生什么?真实链接将被修改,页面将在新选项卡中打开

现在我们如何做到这一点呢?我认为这是在操纵浏览器窗口,我还没有找到一种方法来做这件事

注意:这种行为在Firefox和Safari上是正确的,但在Chrome上不是。在Chrome上,href标记是实际链接,但使用了属性ping。

它应该可以使用


因此,由于a标记提供1。href链接,即您将被重定向到的链接及其括号之间的内容,您可以区分可见和可操作

我不能肯定谷歌是如何处理这个问题的,因为他们的JS很丑陋,但如果让我猜的话,我想应该是这样的:

通过查看搜索结果的DOM结构,一个元素具有带有预览链接的href和另一个带有实际链接的标记ping。在JS中单击时,它设置ping位置以防止默认行为

下面是如何实现这一点的代码

window.addEventListener'load',=>{ let element=document.getElementsByTagName'a'[0] 元素。addEventListener'mousedown',事件=>{ event.target.setAttribute'href',event.target.getAttribute'other' } }
好的,这不是我的意思,抱歉,我会添加一个编辑。谢谢,我不知道要使用什么js事件,或者它是否可能。