当 link 添加 javascript 时在浏览器中显示 URL

Question

我在这里 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 后显示 link？

Answer 1

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

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

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

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

Answer 2

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

Answer 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);

如果我理解有误，请告诉我？

当 link 添加 javascript 时在浏览器中显示 URL

Show URL in browser when link added with javascript

javascript

hyperlink

statusbar