如何隐藏浏览器中的状态栏？

Question

我有一个简单的问题，如何隐藏浏览器状态栏中的链接。

我尝试过这个：（

<a href="http://www.sell.com/?referrer=225"
   onMouseOver="window.status='http://www.sell.com';
               return true" onMouseOut="window.status=''">Click here</a>

取自教程） 但这不起作用，如果有人能帮助我，我会很高兴！ ;-)

Answer 1

你不能（至少在当前的浏览器中），这是一件好事。伪装链接对网络钓鱼攻击有很大帮助。

Answer 2

下面是一些代码，可以在浏览器状态栏区域中隐藏原始链接的文字

请注意：不确定它适用于哪些浏览器，但在 IE9 中运行良好

<a href="javascript:void(0);" onclick="location.href='http://www.google.com';return false;">If You Put Your Mouse Over This Text You Won't See Link In Status Bar Area</a>

当您将鼠标悬停在链接上时，您在状态栏中看到的只是javascript:void(0);

Answer 3

由于您要求这样做是为了隐藏附属链接，因此可能有更好的方法。

更有意义的是循环遍历所有链接，例如在广泛的 $("a.out") 选择器下，然后获取并将其真实的 href 存储到元素存储中，用虚拟的替换它一个（如果需要的话还有标题属性）。

然后，您附加一个单击事件处理程序，该处理程序会停止默认事件，读回原始 href 并将其设置为 location.href，从而有效地伪装所有启用了 js 的链接。

例如 mootools 中的代码：

(function() {
    var links = document.getElements("a.out");

    links.each(function(el) {
        // save original
        el.store("href", el.get("href"));
        // replace it.
        el.set("href", el.get("data-link"));

        el.addEvents({
            click: function(e) {
                e.stop();
                // console.log(e);

                document.location.href = this.retrieve("href");
            },
            contextmenu: function(e) {
                e.stop();
                // do something on right click so we dont get caught
                alert("hi");
            }
        });
    });
})();

在此标记上效果很好：

<a href="http://www.energyhelpline.com/energy/rg_home.aspx?aid=107" rel="nofollow" class="out" title="Enegry savings" data-link="http://www.energyhelpline.com/">Swap Energy Provider</a><br />

<a href="http://www.moneysupermarket.com/link.asp?Source=MSE&Section=utils" rel="nofollow" class="out" title="Money supermarket" data-link="http://www.moneysupermarket.com/">Money Supermarket</a>

使用包含我们向最终用户显示的内容的数据链接。

Answer 4

您可以使用带有 window.status 属性的 javascript 设置状态栏的文本。例如 http://www.htmlite.com/JS017.php

如果您确实需要，请禁用浏览器中的状态栏，您可以获取开源浏览器代码库的副本，删除状态栏的所有代码并将其重新分发给您的用户，但我怀疑这就是您的意思/需要。

为什么需要隐藏状态栏中的链接？不想公开 URL 的安全问题可以通过其他方式处理。

Answer 5

您可以通过在链接中使用 javascript 来做到这一点：

这是如何：

function goToBing() {
  window.location.href = "http://bing.com";
}

正如

<a href="http://google.com" onclick="goToBing();return false;">Link to Google</a>

Nick Craver 所说，这并非在所有情况下都有效（按住 Control 键单击、中键单击等），但应该对您有用，因为您不中继 javascript 链接。

Answer 6

这是一种使用 javascript + jQuery 的方法，可以与 ctrl 单击、shift 单击、中键单击等一起使用。它确实会破坏右键单击，但如果目标是隐藏链接，我想这没什么大不了的。

不管你用这个做什么，我不承担任何责任，我这样做主要是为了好玩，但它看起来确实很邪恶。

JS:

$(document).ready(function() {
   $('a').each(function() {
       var address = $(this).attr('href');
       var element = $(this).contents().unwrap().wrap('<div/>').parent();
       element.data("hrefAddress", address).addClass("link");

       element.click(function() {               
           var newWindow = window.open(element.data("hrefAddress"), '_blank');
           newWindow.focus();
       });
   });
});​

CSS:

.link {
    color: #00f;
    text-decoration: underline;
    cursor: pointer;
}

.link:hover {
    color: #00a;
}

HTML:

<div>
    <a href="http://www.facebook.com">Facebook</a>
    <a href="http://www.bing.com">Google</a>
    <a href="http://www.yahoo.com">Yahoo</a>
    <a href="http://stackoverflow.com">Stack Overflow</a>
</div>​

JS Fiddle