öffentlich
Redaktion Druckversion

JavaScript lernen - schnell und praktisch

JavaScript in HTML einbinden

JavaScript in Eventhandlern

Außerdem können Sie JavaScript auch in sogenannten Eventhandlern notieren.

Ein Eventhandler reagiert auf ein Ereignis, engl. Event. Ein Event kann dabei ein Mausklick, das Absenden eines Formulars oder eine Mausbewegung über einen Bereich sein. Sie können diese Eventhandler direkt in dem Element notieren. Dahinter geben Sie einen JavaScript-Befehl an - nämlich das, was in diesem Fall geschehen soll.

Ein Eventhandler ist beispielsweise onclick. Wenn Sie es in einem Link notieren, wird der angegebene JavaScript-Befehl ausgeführt, wenn jemand auf den Link klickt. Im Beispiel wird über den JavaScript-Befehl alert() eine Meldungsbox ausgegeben.

<a href="#" onclick="alert('danke')">Bitte mal klicken</a>

Anführungszeichen

Der Textinhalt der Meldung muss immer in Anführungszeichen stehen. Wenn Sie onclick verwenden, müssen Sie zweimal Acht geben: Zum einen gehört der Wert von onclick in "doppelte", deshalb müssen Sie bei der Meldung bei alert() 'einfache' Anführungszeichen verwenden.

Das sieht dann im Ergebnis so ausAnzeigen.

Im Link können Sie auch direkt hinter href das Pseudoprotokoll javascript: notieren und dahinter den JavaScript-Befehl:

<a href="javascript:alert('danke')">Bitte mal klicken</a>

Neben onclick gibt es viele weitere Eventhandler, zum Beispiel die folgenden:

  • onsubmit - beim Absenden eines Formulars

  • onblur - wenn ein Formularfeld verlassen wird

  • onchange - wenn ein Formularfeld geändert wurde

  • onload - nachdem die Seite geladen wurde

  • onreset - wenn der Reset-Button eines Formular gedrückt wird

Mitglied werden, Vorteile nutzen!

  • Sie können alles lesen und herunterladen: Beiträge, PDF-Dateien und Zusatzdateien (Checklisten, Vorlagen, Musterbriefe, Excel-Rechner u.v.a.m.)
  • Unsere Autoren beantworten Ihre Fragen

Inhalt

Downloads zu diesem Beitrag

Weitere Downloads

Über die Autorin:

bild117864

Dr. Florence Maurice bietet Dienstleistungen im Webpublishing in Form von Fachtexten und Trainings (auch maßgeschneiderte Inhouse-Schulungen). Außerdem programmiert sie Webseiten. Ihre Themen: HTML, ...

Newsletter abonnieren