正文

更改状态栏中的链接

 2023-04-18  32

关键词：

【中文标题】更改状态栏中的链接【英文标题】：Change link in status bar 【发布时间】：2014-04-19 22:00:25 【问题描述】：

我正在寻找一种方法来更改浏览器状态栏中的链接，类似于 google 和 yahoo 用来显示其搜索结果的方法。这是我的示例代码

<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 </head>
<body>

<script type="text/javascript">
$(document).ready(function() 
  $('a').attr('orig_href', function()  return $(this).attr('href') )
    .attr('href', 'http://www.google.com')
    .click(function() 
        window.location.href = $(this).attr('orig_href');
        return false;
    );
);
</script>

  <p id="hello">Hello World</p>

  <div><a href="http://www.***.com/">Link 2</a></div>
  <div><a href="http://meta.***.com/">Link 3</a></div>
</body>
 </html>

当鼠标悬停在链接上时，状态栏一直是http://www.google.com。但是，这不是真正的网址。当我们左键单击一个链接时，浏览器将带入真正的 url（例如，***.com）。这是我所期望的。

问题是，当我们右键单击并打开链接到新标签页时，浏览器会将我们带到错误的 url，即 google.com。

谁能指出应该怎么做，以便在新标签页中打开时，它会转到真正的 url (***.com)？

非常感谢。

【问题讨论】：

How do Google and Yahoo replace the URL in the browser status bar? 的可能重复项 @Ultra 我确实阅读了该链接，但由于我的理解有限，我无法得到任何对这个问题有用的东西。谢谢 【参考方案1】：

试试这个：

<a href="http://meta.***.com/" onmouseover="$(this).attr('href', 'http://www.google.com')" onmousedown="$(this).attr('href', 'http://meta.***.com/')">Link 4</a>

也许不是最好的解决方案，但这项工作（不幸的是不在 JSfiddle 上）。

【讨论】：

你太棒了！它在我的 Firefox 和 Google chrome 上完美运行。非常感谢【参考方案2】：

为什么需要 JQuery 来覆盖 href 属性？删除脚本标签，你应该很高兴！

【讨论】：

感谢 Martins 回答我的问题。否决票不是来自我，只是为了澄清。 MarOnii 的解决方案对我有用。再次感谢您:)【参考方案3】：

$(document).ready(function() 
  $('a').attr('orig_href', function()  return $(this).attr('href') )
    .attr('href', 'http://www.google.com')
    .mousedown(function() 
        $(this).attr('href', $(this).attr('orig_href'));
        return false;
    );
);

好的，试试这个，抱歉我误解了这个问题。

【讨论】：

当我更换它时，问题仍然存在。谢谢。

更改操作栏中的溢出图标

】更改操作栏中的溢出图标【英文标题】：Changingoverflowiconintheactionbar【发布时间】：2012-04-0118:18:19【问题描述】：是否可以？我的所有ActionBar项目都有蓝色图标，我还想在溢出图标出现时更改它。【问题讨论】：@ShirishHerwade：... 查看详情

使用 jQuery 更改链接颜色（激活时）

】使用jQuery更改链接颜色（激活时）【英文标题】：Changelinkcolor(whenactive)withjQuery【发布时间】：2019-07-0614:01:27【问题描述】：当它们处于活动状态时，我正在尝试更改导航栏中链接的颜色。所以基本上，如果我在“关于”上，... 查看详情

如何使用主题和 Theme.AppCompat.DayNight 更改操作栏中的文本颜色

】如何使用主题和Theme.AppCompat.DayNight更改操作栏中的文本颜色【英文标题】：HowtochangetextcolorinActionbarusingthemeandTheme.AppCompat.DayNight【发布时间】：2021-10-2117:21:33【问题描述】：我正在尝试使用主题更改默认操作栏中文本的文本颜... 查看详情

谷歌和雅虎如何替换浏览器状态栏中的 URL？

】谷歌和雅虎如何替换浏览器状态栏中的URL？【英文标题】：HowdoGoogleandYahooreplacetheURLinthebrowserstatusbar?【发布时间】：2011-02-1807:26:53【问题描述】：在Google和Yahoo搜索页面上，10个搜索结果链接的URL实际上指向google.com或yahoo.com。U... 查看详情

状态栏中的应用程序菜单在 Snow Leopard 上不起作用

...栏中的应用程序。它有一个菜单，可让您查看应用版本、更改一些设置并退出应用。我在Leopard上构建了它，它在Leopard上运行良好。在SnowLeopard上，我可以在状态栏中看到该应用程序，单击它查看详情

如何使用 jquery 在引导程序中更改 .active 类

】如何使用jquery在引导程序中更改.active类【英文标题】：howtochange.activeclassinbootstrapusingjquery【发布时间】：2017-06-2716:20:12【问题描述】：我正在使用django，并尝试创建一个基本模板。我想更改指向单独链接的导航栏链接中的.acti... 查看详情

Android：是不是可以更改 Android Lollipop 状态栏中图标的颜色

】Android：是不是可以更改AndroidLollipop状态栏中图标的颜色【英文标题】：Android:IsitpossibletochangethecoloroficonsinstatusbarinAndroidLollipopAndroid：是否可以更改AndroidLollipop状态栏中图标的颜色【发布时间】：2016-04-2801:58:54【问题描述】：... 查看详情

XCode 在呼叫状态栏中更改视图

】XCode在呼叫状态栏中更改视图【英文标题】：XCodeInCallStatusbarchangingtheview【发布时间】：2015-03-2412:06:38【问题描述】：我在XCode中创建了一个Viewcontroller，一切正常。当有电话来电时，通话状态栏正在按下视图底部的“DOWN”按钮... 查看详情

如何在状态栏中隐藏 url 地址？ [复制]

】如何在状态栏中隐藏url地址？[复制]【英文标题】：howtohideurladdressinstatusbar?[duplicate]【发布时间】：2011-06-2919:36:41【问题描述】：可能重复：JavaScript:Changebrowserwindowstatusmessage当我们将鼠标悬停在某些链接文本上时，目标链接会... 查看详情

删除在状态栏中显示超链接的超链接/鼠标悬停按钮

】删除在状态栏中显示超链接的超链接/鼠标悬停按钮【英文标题】：Removeshowinghyperlinkinstatusbaronhyperlink/buttononmouseover【发布时间】：2016-09-0103:02:43【问题描述】：在我的应用程序导航器中，状态栏默认显示在每个屏幕的底部，并... 查看详情

更改操作栏中的图标大小

】更改操作栏中的图标大小【英文标题】：Changetheiconsizeintheactionbar【发布时间】：2015-05-0803:39:42【问题描述】：我想要一个更大的操作栏。所以我更改了样式中的操作栏大小，现在我正在寻找更改图标大小并将文本也更大。这... 查看详情

如何更改操作栏中的选项菜单图标？

】如何更改操作栏中的选项菜单图标？【英文标题】：Howtochangeoptionmenuiconintheactionbar?【发布时间】：2014-12-0516:27:36【问题描述】：如何更改选项菜单的索引图标？我的意思是图标(3)。这是我的代码：@OverridepublicbooleanonCreateOptionsM... 查看详情

如何更改 Windows 窗体中标题栏中的文本？

】如何更改Windows窗体中标题栏中的文本？【英文标题】：HowdoyouchangethetextintheTitlebarinWindowsForms?【发布时间】：2011-07-0312:21:40【问题描述】：我正在尝试设置一个条件来更改标题栏中的文字...但是如何更改标题栏文字呢？【问题... 查看详情

Android：如何在状态栏中获取电池图标资源 ID 或完整文件路径/名称？

...题描述】：我想检查状态栏中的电池图标和级别是否正确更改，因此我想获取电池图标资源ID或状态栏中的完整文件路径/名称。我尝试使用电池管理器获取图标的资源ID：i 查看详情

如何更改导航栏中的后退按钮颜色？

】如何更改导航栏中的后退按钮颜色？【英文标题】：Howtochangebackbuttoncolorinnavbar?【发布时间】：2016-04-2304:49:19【问题描述】：有没有办法在带有导航控制器的应用中仅更改左侧后退按钮的颜色？有很多改变导航栏颜色的例子，... 查看详情

iOS 状态栏中的加载指示器

】iOS状态栏中的加载指示器【英文标题】：LoadingIndicatorinStatusBariOS【发布时间】：2012-06-1913:18:57【问题描述】：我试图弄清楚状态栏中的加载圆圈动画是什么。很多应用程序在加载数据时，在状态栏中有一个微调器来指示应用程... 查看详情

如何更改 wordpress 搜索栏中的搜索操作？

】如何更改wordpress搜索栏中的搜索操作？【英文标题】：Howtochangethesearchactioninwordpresssearchbar?【发布时间】：2019-05-2117:03:01【问题描述】：创建一个新帖子并发布它。标题为mytestforsearch，内容如下：nohostroute检查wordpress数据库中... 查看详情

无法更改 iOS 7 搜索栏中的文本颜色

】无法更改iOS7搜索栏中的文本颜色【英文标题】：UnabletochangetextcolorinasearchbarforiOS7【发布时间】：2013-11-0321:01:27【问题描述】：我需要更改UISearchBar文本字段中的文本颜色。我在这篇文章中尝试了两个答案：UISearchBartextcolorchangei... 查看详情