html - javascript:void(0) too long (shorter way) - Stack Overflow

admin管理员组

文章数量:1406951

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

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

• javascript
• html
• hyperlink

Share Follow edited Mar 20, 2012 at 12:14 Lightness Races in Orbit 386k7777 gold badges666666 silver badges1.1k1.1k bronze badges asked Mar 7, 2012 at 6:41 rjmcbrjmcb 3,74599 gold badges3434 silver badges4747 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 4

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.

A shorter version is:

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

Another way to do that:

<style type="text/css">
.pointer{
  cursor:pointer;
}
</style>
<a class="pointer" onclick="functionHere()"> Click me </a>

Try this

<a href="#" onClick="return false;"> Click me </a>

function a() {};

<a href="javascript:a();">
<a href="javascript://">
<a href="don't_load" onclick="doit();return false;">

本文标签： htmljavascriptvoid(0) too long (shorter way)Stack Overflow