Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

javascript:void(0) too long (shorter way)

I know this is a dumb question but is there a shorter way of writing

javascript:void(0) for anchor links?

example :

<a href="javascript:void(0)" onClick="functionHere()"> Click me </a>

I don't like to use "#" because clicking the link brings me to the top of the page

like image 564
rjmcb Avatar asked May 14 '26 23:05

rjmcb


2 Answers

Even due there is an answer allready selected, i wanted to contribute my opinion on this.

using an href with a javascript:; javascript:void(0); javascript:return false; is bad practice search engine's will try to crawl your href and will find a broken link.

that being said, i do understand that sometimes you do need a link that follows nowhere, but executes something on the page.

i would have done it this way:

<script>
var elm = document.getElementById('myElement'); 
elm.style.cursor = 'pointer'; 
elm.onclick = function() { 
    // do something... 
}; 

</script>

<span id="myElement">Click Here</span>

this way, you html code stays clean and nice. please dont look at this as "Good Coding", since you allways need to keep a version for browsers with javascript disabled (yes, yes, i know that 99% will have it enabled ), But if evil must be done, may it be the less evil possible at least.

like image 109
Rafael Herscovici Avatar answered May 17 '26 11:05

Rafael Herscovici


A shorter version is:

<a href="javascript:;" ...>

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!