css - 如何用标题掩盖 url href 文本

Question

在我找不到这个问题的帖子之前，必须已经问过这个问题。

我有一个链接，href="javascript.void(0);"但我不想在状态栏中显示这个，我宁愿它显示某种标题或我想给它的实际网址。我尝试使用该title属性，但这不起作用。我很确定我已经在很多它被弃用之前看到过这样做HTML5？

谢谢！

Answer 1

我相信由于安全隐患，这已被弃用，有诸如 window.status 之类的功能曾经可以工作，但是现代浏览器似乎不再支持这些功能。

以前的类似问题：

更改 Chrome 状态栏中显示的 URL

更改浏览器窗口底部的链接鼠标悬停文本

Answer 2

编辑：好的，看起来您正在尝试更改链接的浏览器状态栏文本。使用window.status来设置链接的显示文本曾经是这样做的，但它不再可能 - 出于安全原因，它已在现代浏览器中关闭。然而，一些网站仍然做类似的事情——显然是 Facebook 和谷歌，从 SO 上的快速搜索来看。但是，他们的解决方案有点复杂。我建议转到其中一个页面并查看源代码以尝试弄清楚。

编辑＃2：看看这个jsfiddle - 它可能会做你想要的：http: //jsfiddle.net/c4BZG/88/

HTML：

<a href="javascript.void(0);" 
   onmouseover="showNiceLink(this,event)" 
   onclick="showNiceLink(this,event)" 
   onmouseout="showNiceLink(this,event)">someplace</a>

Javascript：

function showNiceLink(el,e){
    e = e || event;
    el.originalHref = el.originalHref || el.href;
    console.log(e.type);
    if (/click|out/i.test(e.type)){
        return el.href = el.originalHref;
    } else {
        el.href = "http://Linking...";
    }
}