如何在浏览器状态栏中显示文字?

我们如何使用JavaScript(或jQuery)更改浏览器状态栏中显示的文本?

jQuery没有必要这样做:

 

但是,大多数较新的浏览器会阻止您在JavaScript中设置状态栏中的文本。

这可以做到 。 Google搜索正在执行此操作,当您将鼠标hover在Google链接上时,状态栏会显示基础网站:

在此处输入图像描述

然而,当您单击它时,它会将您带到一个位置和用户代理相关的URL,看起来像https://www.google.com.sg/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&ved=0CC8QFjAAahUKEwi4lP-Z4_rIAhVLk5QKHXRLAe8&url=https%3A%2F%2Fwww.example.com%2F&usg=AFQjCNFEbIRqDC65KFpmuak0aXKmnzjKVQ&bvm=bv.106923889,d.dGo 。 在将您重定向到https://www.example.com之前,该url会跟踪Google。 您可以使用“网络检查器”使用“ 保留日志 ”轻松地对此进行测试。

他们使用hacky hack但它适用于所有浏览器

诀窍是要意识到我们可以使用HTLM的a href (几乎不需要CSS和JavaScript)将状态栏设置为几乎任何东西。 我们所需要的就是欺骗浏览器的解析器,使其认为href值是一个有效的URL并且它将显示它。

尝试运行此代码段:

它可能涉及一个特定于IE的简单注释:

直到IE6并包含它你可以做到:

 window.status = "Hello, I'm a custom status bar note."; 

但是在IE6(测试IE7 / 8)之后你以相同的方式完成它,但你还需要通过启用该function来调整浏览器安全选项 :工具 – Internet选项 – 安全 – 自定义级别:

替代文字

首先,它在整个浏览器中的外观并不统一,其次,出于安全原因,大多数浏览器默认 禁用该function很长时间。

无论如何,这样做的javascript是一个简单的window.status = "my text"

使用

window.status = "whatever you want"