The difference between empty link href="#" and href="javascript:void(0)"

Author：Eve Cole Update Time：2025-05-30 18:32:01

#Contains a location information

The default anchor is #top, which is the upper end of the web page

And javascript:void(0) only represents a dead link

This is why sometimes the page is long and the link is clearly # but jumps to the top of the page

And javascript:void(0) is not the case

So it is best to use void(0) when calling scripts

You can use the following example to test it:

Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> </head> <body> Here is the top.....   1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 1 <a href="#">This will jump to the top of the page</a> <a href="javascript:void(0)">This won't jump</a> </body> </html>

Tip: You can modify some code first and then run it

The difference between empty link href=&quot;#&quot; and href=&quot;javascript:void(0)&quot;

The difference between empty link href="#" and href="javascript:void(0)"