如何隐藏href不出现在浏览器窗口的底部

Posted 2023-04-18

【中文标题】如何隐藏href不出现在浏览器窗口的底部

【英文标题】：How to hide href from appearing in the bottom of browser window

【发布时间】：2012-07-25 23:39:36

【问题描述】：

我在点击锚标记时执行一些 javascript 并使用 href="javascript:void(null);" 禁用锚标记。

现在，如果我将鼠标悬停在锚标记上，浏览器状态栏将显示 javascript:void(null)。

有没有办法从状态栏中隐藏它？

【问题讨论】：

看看***.com/questions/2207467/…

如果锚没有链接到任何地方，你为什么要首先使用它？您可以简单地使用跨度或其他任何东西，cursor: pointer;

我在整个网站都使用过。将锚标签更改为跨度将是一项艰巨的任务。 :(

在这种情况下，您可以完全删除 href 属性

【参考方案1】：

使用事件而不是 href 属性。 jQuery 示例：

<a href="#" id="link">I'm a link</a>

$('a#link').click(function(ev) 
    ev.preventDefault();
    .... 
    do whatever you want
    ....
);

编辑： 为了完整起见，这里是一个纯 JavaScript 解决方案，如下面的 cmets 中所述：

document.getElementById('link').onclick = function(ev) 
    ev.preventDefault(); 
    // other stuff 
;

【讨论】：

没有 jQuery。使用javascript方法。

一样：document.getElementById('link').onclick = function(ev) ev.preventDefault(); // other stuff ;