HTML -JavaScript
JavaScript macht HTML-Seiten dynamischer und interaktiver.
Beispiel
My First JavaScript
Das HTML <script>-Tag
Das HTML <script>
-Tag wird verwendet, um ein clientseitiges Skript (JavaScript) zu definieren.
Das <script>
Element enthält entweder Skriptanweisungen oder zeigt über das src
Attribut auf eine externe Skriptdatei.
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
document.getElementById()
Methode.
Dieses JavaScript-Beispiel schreibt "Hallo JavaScript!" in ein HTML-Element mit id="demo":
Beispiel
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Tipp: In unserem JavaScript-Tutorial erfahren Sie noch viel mehr über JavaScript .
Ein Vorgeschmack auf JavaScript
Hier sind einige Beispiele dafür, was JavaScript tun kann:
Beispiel
JavaScript kann Inhalte ändern:
document.getElementById("demo").innerHTML = "Hello JavaScript!";
Beispiel
JavaScript kann Stile ändern:
document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";
Beispiel
JavaScript kann Attribute ändern:
document.getElementById("image").src = "picture.gif";
Das HTML-<noscript>-Tag
Das HTML <noscript>
-Tag definiert einen alternativen Inhalt, der Benutzern angezeigt wird, die Skripts in ihrem Browser deaktiviert haben oder deren Browser keine Skripts unterstützt:
Beispiel
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>
HTML-Übungen
HTML-Skript-Tags
Tag | Description |
---|---|
<script> | Defines a client-side script |
<noscript> | Defines an alternate content for users that do not support client-side scripts |
Eine vollständige Liste aller verfügbaren HTML-Tags finden Sie in unserer HTML-Tag-Referenz .