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 unter HTML-Tag-Referenz auf unserer Website W3SchoolsDE. DasBeste.
HTML — JavaScript — W3Schools-Video
Dieses Video ist eine Einführung in JavaScript und wie es in HTML funktioniert.
Teil einer Reihe von Video-Tutorials zum Erlernen von HTML für Anfänger!
📚 Offizielle Ressourcen und Spezifikationen
Für alle, die alles über das <script>-Element wissen möchten, empfehlen wir die Primärquellen und die offizielle Dokumentation:
- MDN Web Docs: HTML <script> element — die beste Quelle für ein praktisches Verständnis des HTML-<script>-Elements (Syntax, Attribute, Verhalten, Beispiele).
- WHATWG HTML Living Standard: The <script> element — Dies ist der Teil des Living Standard, der die Rolle, Attribute und Regeln für <script> definiert.
- W3C HTML5 Specification: The <script> element — (Archivierte Version für Autoren).
- Skripte in HTML. Das <script>-Element – mehr dazu auf Wikipedia.
