Beispiel
Schreiben Sie "Hallo JavaScript!" mit JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Versuch es selber " Definition und Verwendung
Das <script> Tag wird verwendet , um ein clientseitiges Skript (JavaScript) zu definieren.
Das <script> Element enthält entweder Scripting - Anweisungen oder verweist er auf ein externes Skript - Datei über das src - Attribut.
Gemeinsame Nutzung für JavaScript sind Bildbearbeitung, Formularvalidierung und dynamische Änderungen des Inhalts.
Tipp: Wenn Sie JavaScript lernen möchten, besuchen Sie unsere JavaScript Tutorial .
Browser-Unterstützung
| Element | |||||
|---|---|---|---|---|---|
| <script> | ja | ja | ja | ja | ja |
Tipps und Hinweise
Hinweis: Wenn das "src" Attribut vorhanden ist, das <script> muss Element leer sein.
Tipp: Achten Sie auch auf die <noscript> Element für Benutzer , die deaktiviert Skripte in ihrem Browser oder einen Browser haben , die nicht Client-seitiges Scripting nicht unterstützt.
Hinweis: Es gibt mehrere Möglichkeiten , ein externes Skript ausgeführt werden kann:
- Wenn async="async" : Das Skript asynchron mit dem Rest der Seite ausgeführt wird (wird das Skript ausgeführt werden , während die Seite mit dem Parsen fortgesetzt)
- Wenn async nicht vorhanden ist , und defer="defer" : Das Skript wird ausgeführt , wenn die Seiten - Parsing beendet hat
- Wenn weder async oder defer vorhanden ist: Das Skript geholt und sofort ausgeführt, bevor der Browser die Seite weiter Parsen
Unterschiede zwischen HTML 4.01 und HTML5
Der "type" Attribut ist in HTML 4, aber optional in HTML5 erforderlich.
Die "async" Attribut ist neu in HTML5.
Die HTML 4.01 Attribut: "xml:space" wird nicht in HTML5 unterstützt.
Unterschiede zwischen HTML und XHTML
In XHTML, wird der Inhalt im Inneren Skripte als #PCDATA (statt CDATA) erklärt, was bedeutet, dass Entitäten geparst wird.
Das bedeutet, dass in XHTML, alle Sonderzeichen codiert werden soll, oder alle Inhalte sollten in einem CDATA-Abschnitt gewickelt werden:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Attribute
= Neu in HTML5.
| Attribut | Wert | Beschreibung |
|---|---|---|
| async | async | Gibt an, dass das Skript asynchron ausgeführt wird (nur für externe Skripte) |
| charset | charset | Gibt die Zeichencodierung in einer externen Skriptdatei verwendet |
| defer | defer | Gibt an, dass das Skript ausgeführt wird, wenn die Seite Parsen beendet (nur für externe Skripte) |
| src | URL | Gibt die URL einer externen Skriptdatei |
| type | media_type | Gibt den Medientyp des Skripts |
| xml:space | preserve | Nicht in HTML5 unterstützt. Gibt an, ob Leerzeichen in Code erhalten werden sollte |
globale Attribute
Das <script> Tag unterstützt auch den Global in HTML - Attribute .
Verwandte Seiten
HTML - Tutorial: HTML - Skripten
HTML - DOM - Referenz: Script Object
JavaScript Tutorial: Lernen Sie JavaScript
Standard CSS-Einstellungen
Die meisten Browser wird das Display <script> mit den folgenden Standardwerte Element:
script {
display: none;
}