[HTML/JS] href="javascript:funktion()" oder href="#" onclick="return funktion()"?

PuppetMaster

Admiral Pro
🎄Rätsel-Elite ’24
Registriert
Sep. 2001
Beiträge
8.252
Welche der beiden o.g. Versionen ist zu empfehlen?

Ich kann meine Funktion aufrufen mit

HTML:
<a href="javascript:funktion()">Linktext</a>

oder mit


HTML:
<a href="#" onclick="return funktion()">Linktext</a>

Beide Arten funktionieren.
Welche der beiden Varianten ist zu empfehlen? Welche ist standardkonform?
 
Hallo,

beide Varianten sind Standardkonform. Wenn du allerdings Leerzeichen in der JavaScript-Anweisung hast ist zweitere zu empfehlen, da dann erstere nicht mehr standardkonform ist.
Prinzipiell ist es also egal welche der beiden Varianten du jetzt verwendest.
Zweite bietet sich allerdings dann an, wenn du auch für Benutzer, welche kein JavaScript aktiviert haben eine alternative Aktion über das href-Attribut ausführen möchtest. In diesem Fall musst du allerding noch ein "return false;" in der JavaScript-Anweisung hinzufügen.

MfG mh1001
 
Hi mh1001, vielen Dank für die Antwort!

Es geht um eine Art aufklappbares Menü. Wenn Javascript deaktiviert sein sollte ist gleich alles geöffnet, der Link hat dann keine weitere Verwendung mehr.

Da wäre es also wohl eher angebracht, die erste Variante zu verwenden. So kann ich auch auf ein "return false;" in der Funktion verzichten.
 
Zuletzt bearbeitet:
Zurück
Oben