Hvorfor bliver siden reloadet ved kald af javascript?

Når jeg fx bruger <A href=# onclick=playsound() osv ... ></A> i HTML, tager siden et reload i stedet for at nøjes med at hente det ønskede script. Bruger jeg i stedet <A href=java script:; onclick=playsound osv ... ></A> undgår jeg reload'et, men scriptet bliver ikke nødvendigvis (altid) aktiveret.

Eksempel:

<A HREF="java script:;" onClick="playSound()" onFocus="this.blur()">
<IMG SRC="side2-filer/logogaf116.jpg" BORDER="0" WIDTH="116" HEIGHT="117" ALIGN="right" ALT="Kammertonen A"></A>

Alternativt, når jeg vælger, at bruge en inputknap fungerer det udmærket, hvis jeg bruger en regulær knap, når jeg kalder scriptet:

<form>
<INPUT TYPE="button" VALUE="Click to play sound" onclick="playSound()">
</form>

... Men ikke, hvis jeg bruger en billed-knap:

<form>
<INPUT TYPE="image" onclick="playSound()" SRC="Side2-filer/logogaf116.jpg">
</form>


Det kaldte script er under alle omstændigheder:

<script>
function playSound() {
  document.all.sound.src="klaverlyd.wav"
}
</script>

Hvad går der galt?


På forhånd tak for svaret