使用 javascript 添加链接时在浏览器中显示 URL答案

【问题标题】：Show URL in browser when link added with javascript使用 javascript 添加链接时在浏览器中显示 URL
【发布时间】：2015-09-16 11:32:42
【问题描述】：

我在这里给一个 div 添加了 onclick 函数：

<script type="text/javascript">
document.getElementById("fab").onclick = function() {
  location.href = 'http://your.url.here';
}
</script>

当您将鼠标悬停在 div 上时，它不会像锚标记那样在浏览器左下角显示 URL（见图）：http://i.stack.imgur.com/iGLHS.png

有没有办法让浏览器显示链接，当它已经添加了javascript？

【问题讨论】：

您实际上并没有通过这样做来添加链接 - 您正在向可能是也可能不是链接的事物添加事件处理程序。
将链接添加到您的 DOM 中，并将链接作为 href 属性，并在其上触发 mouseenter 事件。 jquery 会帮助你。

标签： javascript hyperlink statusbar

【解决方案1】：

将title 属性添加到您的元素：

<div id="fab" title="http://your.url.here'></div>

实际上，这个与您看到的弹出窗口不同，但它可能尽可能接近。

正如@Benten 指出的那样，您必须设置window.status，大多数现代浏览器都不允许这样做。

【讨论】：

感谢您的帮助 Andrew，我试了一下 window.status，但正如您所说，现在大多数浏览器都无法使用。

【解决方案2】：

我认为您不能再直接访问您正在寻找的属性。通常它会被忽略。看到这个：http://www.w3schools.com/jsref/prop_win_status.asp。我会说另一个答案是你最好的选择。

【讨论】：

感谢 Benten 确认这不再适用于大多数浏览器。

【解决方案3】：

我觉得有些不同。我希望我没有理解错。如果您将 -a- 元素添加为 -div- 的父元素，它的行为就像您想要的那样。

var element = document.getElementById("fab");
var aa = document.createElement("a");
aa.setAttribute('href', 'http://www.google.com');
var parent = element.parentNode;
parent.insertBefore(aa, element);
aa.appendChild(element);

如果我理解错了请告诉我？

【讨论】：