HTML JavaScript
JavaScript macht HTML-Seiten dynamischer und interaktiver.
Das HTML-<script>-Tag
Das HTML-Tag <script> wird zum Definieren eines clientseitigen Skripts (JavaScript) verwendet.
Das Element <script> enthält entweder Skriptanweisungen oder es verweist über den auf eine externe Skriptdatei src Attribut.
Häufige Verwendungszwecke für JavaScript sind Bildbearbeitung, Formularvalidierung und dynamische Inhaltsänderungen.
Um ein HTML-Element auszuwählen, verwendet JavaScript am häufigsten die Methode document.getElementById().
Dieses JavaScript-Beispiel schreibt "Hello JavaScript!" in ein HTML-Element mit id="demo":
Beispiel
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Try it Yourself »
Tipp: In unserem JavaScript-Tutorial erfahren Sie viel mehr über JavaScript.
Ein Vorgeschmack auf JavaScript
Hier sind einige Beispiele dafür, was JavaScript leisten kann:
Beispiel
JavaScript kann Inhalte ändern:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Try it Yourself »
Beispiel
JavaScript kann Stile ändern:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Try it Yourself »
Beispiel
JavaScript kann Attribute ändern:
document.getElementById("image").src = "picture.gif";
Try it Yourself »
Das HTML-<noscript>-Tag
Das HTML-Tag <noscript> definiert einen alternativen Inhalt, der Benutzern angezeigt wird, die Skripts in ihrem Browser deaktiviert haben oder einen Browser haben, der keine Skripts unterstützt:
Beispiel
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Leider unterstützt Ihr Browser kein JavaScript!</noscript>
Try it Yourself »
HTML Übungen
HTML-Skript-Tags
| Tag | Beschreibung |
|---|---|
| <script> | Definieren Sie ein clientseitiges Skript |
| <noscript> | Definiert einen alternativen Inhalt für Benutzer, die keine clientseitigen Skripts unterstützen |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz.
