我可以禁用 HTML 中的地址链接吗？

Question

I have the following:

<a href="/Product/Overview">Overview</a>
<a href="/Product/Review">Review</a>

When I am on the overview page I want to make it so that clicking the overview address link does nothing. Something like disable for a button. Is this possible for an address link?

Answer 1

This should do it:

<a href="/Product/Overview" onclick="return false;">Overview</a>

Of interest may also be nofollow :

<a href="/Product/Overview" onclick="return false;" rel="nofollow">Overview</a>

Answer 2

The easiest way to disable a link is probably to remove the href value.

If you are rendering this from MVC, simply don't include the <a> tag.

It's a little unclear what is best for what you're trying to do.

Answer 3

Add 'return false' to prevent linking:

<a href="/Product/Overview" onclick="return false">Overview</a>

Answer 4

Just use a # sign in the href like so: <a href="#">Overview</a>

Answer 5

You could do this with a layer of javascript on top of each page: your JS script would run and check all the links on the page -- if the link is the same as the page you are on then simply "hijack" the anchor by adding an onclick event which does nothing and doesn't bubble up the event. This was you still pump out from your server side all the links -- and the script would be the same for all the pages, thus allowing it to be cached by the browser and only loaded once (assuming you place it in an external .js file).

Answer 6

You can try <a class="inactive" href="#">Overview</a> and give it some CSS to show it's a different type of link.