How to not display the # in the address bar

Question

When we click <a href="#" onclick="function();">Post data to server</a>, the # is displayed at the end of the URL.

Is there a way to not have it displayed?

I have tried removing the href="file.ext" part, which works, though it produces unwanted results. It removed the color and underline styles of the hyperlink, making it appear to be just regular text.

If you're in the mood for angry yelling about web design philosophy http://stackoverflow.com/questions/134845/href-attribute-for-javascript-links-or-javascriptvoid0 — Asad Saeeduddin, Oct 24 '12 at 07:45

score 4 · Accepted Answer · answered Oct 24 '12 at 07:36

4

try the javascript:void(0) it wil not display

 <a href="javascript:void(0)" onclick="function();">Post data to server</a>

answered Oct 24 '12 at 07:36

NullPoiиteя

56,591
22
125
143

3

`javascript:;` is shorter and will do the same ;) – Rafael Herscovici Oct 24 '12 at 07:38
I can't believe I forgot about this. It's right there, staring me in the face all day long. *Shakes head*. Thank you Null. – Arrow Oct 24 '12 at 07:41

score 2 · Answer 2 · answered Oct 24 '12 at 07:36

2

You could change the href to javascript: void(0);

answered Oct 24 '12 at 07:36

Asad Saeeduddin

46,193
6
90
139

score 1 · Answer 3 · answered Oct 24 '12 at 07:38

1

u can return false in the function

answered Oct 24 '12 at 07:38

Arun Killu

13,581
5
34
61

How to not display the # in the address bar

3 Answers3