JavaScript/Einbindung in HTML und Ereignisverarbeitung

Aus SELFHTML-Wiki

[Bearbeiten] JavaScript in HTML einbinden

JavaScript-Quelltexte werden in HTML in einem <script>-Element notiert oder referenziert.

Das script-Element darf dabei im body oder head des HTML-Dokuments notiert werden. Es darf auch in Blockelementen notiert werden außer solchen, die eine restriktive Auswahl an Kindelementen haben (table, tr, ul, ol, dl).

[Bearbeiten] JavaScript Code direkt in HTML notieren

<script type="text/javascript">
  // zeige die Alertbox
  alert('Hallo Welt');
</script>

Das type-Attribut gibt den MIME-Typ wieder und lautet in dem Falle ohne Ausnahme text/javascript. In HTML 4.01 ist das Attribut Pflicht. In HTML5 ist es optional, da in HTML5 JavaScript die einzige zugelassene Scriptsprache in HTML ist.

[Bearbeiten] JavaScript-Dateien in HTML referenzieren

Das direkte Notieren von JavaScript in HTML ist im allgemeinen schlechte Praxis. Viel besser ist es, Scripte in eigenen Dateien zu notieren und diese dann einzubinden. Die Datei wird an der entsprechenden Stelle so ausgeführt, als ob der Code direkt notiert wurde.

  // File: hallowelt.js
  // zeige die Alertbox
  alert('Hallo Welt');

<script type="text/javascript" src="hallowelt.js"></script>

Das src-Attribut (Source = "Quelle") hat als Wert den URI zum Script. (Mehr Informationen über Referenzieren in HTML)

[Bearbeiten] Weitere Attribute im script-Element

<script type="text/javascript" language="Javascript 1.5"></script>

Das language-Attribut beschreibt die verwendete Scriptsprache mit minimal erforderlicher Sprachversion.

Ansichten