JavaScript-Fehler, wenn ich anmutig erniedrigender Javascript wechseln: Zoomimage () nicht gefunden

Question

Wenn ich schalten Sie diese:

<div class="zoom">
<a href="javascript:zoomImage();" class="btn-zoom">view larger image</a>
</div>

folgt aus:

<div class="zoom">
<a href="/zoomimg.jpg" onclick="zoomImage()" class="btn-zoom">view larger image</a>
</div>

Ich erhalte eine Fehlermeldung, dass die Zoomimage () Funktion konnte nicht gefunden werden.

Hier ist ein Beispiel Seite: http://www.avaline.com/102

Die Funktion am Ende der Seite definiert ist, aber ich habe Klicken Sie nicht auf den Link, bis die Seite geladen wird.

Answer 1

Sie sollten Event-Handler Ereignisse im Code werden zu befestigen. Mit in-line Javascript (Javascript in HTML-Tags) wird im Allgemeinen nicht empfohlen.

Werfen Sie einen Blick auf diesen Artikel, vor allem "The Really unaufdringliche Weise":

http://www.onlinetools.org/articles/unobtrusivejavascript/chapter4.html