JavaScript macht HTML-Seiten mehr dynamisch und interaktiv.
Probieren Sie es selbst - Beispiele
Fügen Sie ein Skript
Wie ein JavaScript in ein HTML-Dokument einzufügen.
Die Verwendung des <noscript> -Tag
Wie geht man mit Browsern, die nicht Scripting unterstützen oder Scripting deaktiviert haben.
Der HTML <script> Tag
Der <script> Tag wird verwendet , um ein Skript zu definieren (JavaScript) .
Das <script> Element enthält entweder Scripting - Anweisungen oder es verweist auf eine externe Skriptdatei durch das src - Attribut.
Gemeinsame Nutzung für JavaScript sind Bildbearbeitung, Formularvalidierung und dynamische Änderungen des Inhalts.
Das Skript unten schreibt Hallo JavaScript! in ein HTML - Element mit id="demo" :
Beispiel
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script> Versuch es selber " Um alles über JavaScript zu erfahren, besuchen Sie unsere JavaScript Tutorial !
Der HTML <noscript> Tag
Die <noscript> -Tag wird verwendet , um einen alternativen Inhalt für Benutzer zur Verfügung zu stellen , die deaktiviert Skripte in ihrem Browser oder einen Browser, der kein Client-seitiges Scripting nicht unterstützt.
Das <noscript> Element kann alle Elemente enthalten , die Sie in den finden <body> Element einer normalen HTML - Seite.
Der Inhalt innerhalb der <noscript> Element wird nur angezeigt, wenn Skripts nicht unterstützt werden, oder sind in den Browser des Benutzers deaktiviert ist :
Beispiel
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript> Versuch es selber " A Taste of JavaScript (From Our JavaScript Tutorial) - (From Our JavaScript Tutorial)
Hier sind einige Beispiele dafür, was JavaScript tun können:
JavaScript können HTML-Inhalt ändern:
document.getElementById("demo").innerHTML = "Hello JavaScript!"; Versuch es selber " JavaScript können HTML-Stile ändern:
document.getElementById("demo").style.fontSize = "25px"; Versuch es selber " JavaScript können HTML-Attribute ändern:
document.getElementById("image").src = "picture.gif"; Versuch es selber " HTML Script-Tags
| Etikett | Beschreibung |
|---|---|
| <script> | Definiert eine clientseitige Skript |
| <noscript> | Definiert einen alternativen Inhalt für Benutzer, die keine Client-seitige Skripte unterstützen |