JavaScript - Hello World 2

index Anfang rückwärts vorwärts runter
Das aufgelistete Beispiel gibt Hello World als Meldung aus. Dies tut es sowohl beim Start der Seite als auch wenn der auf der Seite enthaltene Button angeklickt wird als auch beim Klick auf den Querverweis Meldung ausgeben. Verantwortlich für diese Form der Ausgabe ist die Funktion alert(). Die Reaktion auf das Laden der Seite erfolgt über die Formulierung onLoad="..." im <body>-tag, die Reaktion auf das Betätigen des Buttons durch onClick="..." im <input>-tag, die Reaktion auf das Betätigen des Verweises durch href="javascript:..." im <a>-tag.

Beispiel ansehen

Querverweise zum Verständnis : [Einbindung in HTML] [Spezifikation Funktionen] [Objektreferenz window]

Im folgenden Quelltext sind wichtige Bereiche grün und Kommentare gelb markiert.
index Anfang rückwärts vorwärts hoch runter 
<html>

<head>
<title>
JavaScript - Beispiel
</title>

<script type="text/javascript"> <!-- Script-Bereich einleiten -->
<!--                             /* HTML-Kommentar fuer Browser ohne JavaScript */
function hw_function()           /* Funktion definieren */
{                                /* Funktionsblock einleiten */
  alert("Hello World!");         /* Meldungsfenster mit Hello World erzeugen */
}                                /* Funktionsblock beenden */
//-->                          <!-- HTML-Kommentarende -->
</script>                      <!-- Script-Bereich beenden -->

</head>

<body onLoad="hw_function();">
  <!-- onLoad="hw_function();" bewirkt den Funktionsaufruf beim Start -->

<a href="helloworld2.html">Erkl&auml;rung</a>
  <!-- Link zurueck auf helloworld2.html -->

<br>
<br>
<br>
<form>  <!-- HTML-Formular definieren -->

<input type=button value="Meldung ausgeben" onClick="hw_function();">
  <!-- Dies ist der Button; onClick="hw_function();" bewirkt
       den Funktionsaufruf beim Klick -->

</form> <!-- HTML-Formular beenden -->
<br>

<a href="javascript:hw_function()">Meldung ausgeben</a>
  <!-- Dies ist der Link zur Ausgabe der Meldung -->

</body>

</html>
index Anfang rückwärts vorwärts hoch
Autor: Ulrich Kritzner