HTML-JavaScript

JavaScript macht HTML-Seiten dynamischer und interaktiver

Beispiel

Mein erstes JavaScript

Probieren Sie es selbst aus

HTML <script>-Tag

HTML <script> Tag wird verwendet, um Client-Skripte (JavaScript) zu definieren.

<script> Element kann Skriptanweisungen enthalten und auch durch src Verweis auf externes Skriptdatei.

Die häufigste Anwendung von JavaScript ist Bildverarbeitung, Formularvalidierung und dynamische Änderungen des Inhalts.

Um HTML-Elemente auszuwählen, ist JavaScript am häufigsten document.getElementById() Methode.

Dieser JavaScript-Beispiel schreibt "Hello JavaScript!" in das HTML-Element mit id="demo":

Beispiel

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

Probieren Sie es selbst aus

Hinweis:Sie können unsere JavaScript-Tutorial erlernen Sie mehr über JavaScript.

Der Geschmack von JavaScript

Hier sind einige Beispiele für die Fähigkeiten von JavaScript:

Beispiel

JavaScript kann Inhalte ändern:

document.getElementById("demo").innerHTML = "Hello JavaScript!";

Probieren Sie es selbst aus

Beispiel

JavaScript kann Stile ändern:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

Probieren Sie es selbst aus

Beispiel

JavaScript kann Eigenschaften ändern:

document.getElementById("image").src = "picture.gif";

Probieren Sie es selbst aus

HTML <noscript>-Tag

HTML <noscript> Das Tag definiert alternative Inhalte, die an Benutzer angezeigt werden, deren Browser Skripte deaktiviert hat oder den Skripten nicht unterstützt:

Beispiel

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Entschuldigung, Ihr Browser unterstützt JavaScript nicht!</noscript>

Probieren Sie es selbst aus

HTML Script-Tag

Tag Beschreibung
<script> Definieren Sie Client-Skripte.
<noscript> Definieren Sie alternative Inhalte für Benutzer, die keine Client-Skripte unterstützen.

Für eine vollständige Liste aller verfügbaren HTML-Tags besuchen Sie bitte unsere HTML Tag Referenzhandbuch.