The below options I have tried out in a Classic asp application for the anchor link href attribute in HTML:
Using href=”” will reload the current page.
Using href=”#” will scroll the current page to the top.
href=”javascript: void(0)” will do nothing. However, this fires the onbeforeunload event. I had a problem in my classic asp application that was causing the progress bar which was called in the onbeforeunload event, to show up every time the href was clicked to open a pop-up window.
You can get the same effect of javascript: void(0) by returning false from the click event handler of the anchor with either of the other two methods as well.
Use the below anchor link:
<a id="my-link" href="#">Link</a>
and then bind an event handler to the click listener somewhere in my javascript like:
document.getElementById('my-link').onclick = function(){
// Do something
return false;
};
This way, since you’re using #, even if the user has javascript disabled, the page won’t reload (it will just scroll to the top), and it’s a lot cleaner looking than javascript: void(0).
Also, this does not fire the window.onbeforeunload event.