HTML <script> -Tag
Beispiel
Schreiben Sie "Hallo JavaScript!" mit JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Definition und Verwendung
Das <script>
Tag wird verwendet, um ein clientseitiges Skript (JavaScript) einzubetten.
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.
Tipps und Hinweise
Tipp: Sehen Sie sich auch das <noscript> -Element für Benutzer an, die Skripts in ihrem Browser deaktiviert haben oder einen Browser haben, der clientseitiges Skripting nicht unterstützt.
Tipp: Wenn Sie mehr über JavaScript erfahren möchten, besuchen Sie unser JavaScript-Tutorial .
Browser-Unterstützung
Element | |||||
---|---|---|---|---|---|
<script> | Yes | Yes | Yes | Yes | Yes |
Attribute
Attribute | Value | Description |
---|---|---|
async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
src | URL | Specifies the URL of an external script file |
type | scripttype | Specifies the media type of the script |
Unterschiede zwischen HTML und XHTML
In XHTML wird der Inhalt in Skripten als #PCDATA (anstelle von CDATA) deklariert, was bedeutet, dass Entitäten geparst werden.
Dies bedeutet, dass in XHTML alle Sonderzeichen codiert oder der gesamte Inhalt in einen CDATA-Abschnitt eingeschlossen werden sollte:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
Globale Attribute
Das <script>
Tag unterstützt auch die globalen Attribute in HTML .
Verwandte Seiten
HTML-Tutorial: HTML-Skripte
HTML-DOM-Referenz: Skriptobjekt
JavaScript-Tutorial: Lernen Sie JavaScript
Standard-CSS-Einstellungen
Die meisten Browser zeigen das <script>
Element mit den folgenden Standardwerten an:
script {
display: none;
}