javascript - 浏览器如何显示链接的目标 url

Question

如果您在 google 上搜索某个字符串，浏览器会以可点击链接的形式呈现搜索结果。现在我的问题来了。如果将鼠标悬停在这些链接上，在左下角，您将能够看到点击它后浏览器会将您带到的位置。我想知道浏览器是如何做到的。

我不认为搜索结果实际上是基于 HTML 的 anchor 标记。至少那是我的感觉。但即使在这些情况下，只要我们将鼠标悬停在链接上，目标 url 就会显示出来。

请分享您对它是如何完成的想法..我需要在 js 代码中做同样的事情。

-->感谢您的回答。我不得不问这个是有原因的。我必须在要在 SWT 浏览器中显示的网页和 Java GUI 之间启用拖放功能。为此，在 mousedown 事件中，我触发了一个 javascript 代码。这基本上是在用户单击的 anchor 元素上获取 HREF 属性。 **现在重点来了。如果我打开 google.com，如果我用鼠标按下 IMAGE、YOUTUBE、GMAIL、DRIVE 链接，目标 URL 就会正常显示。但是，如果我尝试在谷歌搜索或我们需要启用拖放的原始瘦客户端应用程序中的任何结果上按下鼠标，则链接不会出现。但是，底部的浏览器显示目标链接。我很困惑。这就是我认为它不是 anchor 标签的原因。

我尝试使用以下代码为所有 anchor 元素注册一个 onmousedown。但是，如果用户在任何搜索结果上按下鼠标，则不会出现警告框。

var elements = document.getElementsByTagName('a');
for(var i=0;i<elements.length;i++)
{
    elements[i].onmousedown = function()
    { 
          alert(this.getAttribute('href'));
    }
} 

Answer 1

I dont think that search results are actually HTML based anchor tags. Atleast that's what I feel.

你觉得不对。搜索结果是<a>元素。

But even in those cases, the target url gets displayed whenever we hover over the links.

浏览器必须知道链接的去向。它可以让其 UI 做几乎任何它喜欢的事情。

Please share your thoughts on how its done..

使用本地代码

i need to do the same in a js code.

window.status = element.href在鼠标悬停事件中。

现在有些浏览器会阻止它，因为它对于网络钓鱼攻击来说太有用了(诱骗用户去他们预期去的地方以外的地方)。