当你 hover 一个超链接时，你如何隐藏 URL？

Question

When you hover over a hyperlink you see in the corner of your browser the url you're gonig to. I'm using javascript to navigate through my tabs div. When I hover over the tab I see the url. I would like to hide this. Is this possible?

Link to example

Answer 1

Don't do it. Clients like to see where links are going. This behavior isn't up to you.

The only thing you could reasonably do is set the link to go to nowhere, and set the onclick attribute with sourcecode that does a window.location .

Answer 2

If you don't use the "href" attribute, the link won't show up.

Simply do this: <a id="tab1">Tab 1</a>

$('#tab1').click(function(event) { switchTabs(); });

This will register a click event (using jQuery) on the link without displaying any URL to the user. This is the proper way for handling links that don't redirect the user.

Answer 3

<a href="javascript:RedirectToUrl(0)">Hide Text</a>

Then in that function you can have a switch case statement which uses window.location to send the user to another page.

Downsides to this include alienating your users which disable Javascript, and search engines probably won't follow this link.