BESTE WEBSITE FÜR WEBENTWICKLER
HTML5-Lektionen für Anfänger

Ua En Es

HTML JavaScript


JavaScript macht HTML-Seiten dynamischer und interaktiver.


Beispiel

Mein erstes JavaScript

Try it Yourself »


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

Testen Sie sich mit Übungen

Übung:

Verwenden Sie JavaScript, um den HTML-Inhalt des Elements <p> in zu ändern "Hello World!".

<body>

<p id="demo">Hi.</p>

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

</body>


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.



Kommentare