Auf JS-Funktion zugreifen mit onClick

FireHomer00 · 3 Januar 2012

Moin, ich habe ein Problem. Ich weiss nämlich nicht, wie ich auf eine Javascript-Funktion zugreifen kann. Ich habe einen anker (a) und möchte mit onClick auf eine JS-Funktion zugreifen.

HTML-Code:

Code:

<a onClick="javascript:???;">Test</a>

Javascript:

Code:

next: function () {
//...
}

Wie kann ich auf "next" zugreifen?
Wenn es nicht geht, wie kann ich das Problem beheben?
Danke im Vorraus!

Gilles · 3 Januar 2012

Wo hast du denn dein Javascript stehen?
Deine Schreibweise ist JSON.
Eine normale Funktion würde so aussehen

Code:

function next() {

  // Damit der Link nicht aktiviert wird
  return false;
}

und der Zugriff auf den Link kann man so handeln

HTML:

<a onclick="next()">Test</a>

Ich empfehle aber alles an javascript auch im Javascript zu lassen. Auch das click-Event

Code:

function next() {

  // Damit der Link nicht aktiviert wird
  return false;
}
// Folgender Code muss unter dem <html> End-Tag stehen
document.getElementById("meinLink").onclick = next;

HTML:

<a id="meinLink" href="#">Test</a>

In dieser Version hast du eine strikte Trennung von HTML und JS

Anusha · 3 Januar 2012

Du meinst wohl so?

HTML:

<script type="text/javascript">
    function next() {
        alert(1);
    }
</script>

<a href="javascript:next()">Next</a>

Edit:

Wie Gilles richtig sagt brauchst du wenn du lieber onclick benutzen willst return false in deiner Funktion

threadi · 3 Januar 2012

Ich würde statt

Code:

// Folgender Code muss unter dem <html> End-Tag stehen
document.getElementById("meinLink").onclick = next;

eher

Code:

// Folgender Code muss unter dem <html> End-Tag stehen
document.getElementById("meinLink").onclick = function() { next(); };

schreiben damit die Funktion auch wirklich an das Element gebunden wird.

Und:
Statt

HTML:

<a onClick="javascript:next();">Test</a>

eher

HTML:

<a onclick="return next();">Test</a>

und wie schon gesagt next() einen return-Wert zurückgeben lassen.

Auf JS-Funktion zugreifen mit onClick

FireHomer00

Neues Mitglied

Gilles

Blogger

Anusha

Mitglied

threadi

Moderator

Neueste Beiträge