SELF-Treffen in Mannheim 2025
SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
HTML/Elemente/script
Aus SELFHTML-Wiki
Das script-Element definiert einen script-Bereich, in dem Sie Anweisungen in JavaScript oder eine Referenz zu externen Scripten notieren.
- Syntax
- Start-Tag: notwendig
- End-Tag: notwendig
- WAI‑ARIA‑Rolle
-
- keine
- Elternelemente
- Darf vorkommen in:
- Elemente, die Metadateninhalt akzeptieren (
<head>) - Elementen, die phrasing content akzeptieren
- template
<script>-Elemente enthalten. - Elemente, die Metadateninhalt akzeptieren (
- erlaubte Inhalte
Beispiel
<script>
function Zeit () {
const datum = new Date();
document.querySelector('output').textContent = datum.toLocaleString('de-DE');
}
</script>
Beachten Sie:
- Das language-Attribut ist ein Netscape-Relikt. Es war nie Standard und galt schon in HTML 4 als missbilligt. Entfernen Sie es, wenn Sie es irgenwo sehen. Standardisiert wurde das type-Attribut, das aber nicht mehr zur Festlegung der Scriptsprache dient.
- Das charset-Attribut ist mit HTML 5 obsolet geworden, weil der einzige noch erlaubte Wert "utf-8" ist und diese Codierung für Dokumente und Scripte vorgeschrieben ist.
Empfehlung: HTML5 verwendet ausschließlich JavaScript als Scriptsprache. Deshalb ist der Defaultwert von
text/javascript, und dieses Attribut soll nicht angegeben werden, wenn Sie ein klassisches Script erstellen. Wenn Sie hingegen ein ECMAScript-Modul schreiben, dann müssen Sie type="module" angeben. Auf der Wiki-Seite zum type-Attribut finden Sie noch weitere Inhaltstypen.| Name | Inhalt | Standardwert | Bedeutung |
|---|---|---|---|
| Universalattribute | |||
| id | ID | identifiziert ein einziges Element innerhalb eines Dokuments | |
| class | CDATA | ordnet ein Element einer oder mehreren Klassen zu. | |
| accesskey | ID | Tastaturkürzel | |
| contenteditable | CDATA | editierbarer Inhalt | |
| contextmenu | definiert Kontextmenü | ||
| dir | ltr, rtl | definiert die Schreibrichtung innerhalb des Dokuments | |
| draggable | ID | kann mit Drag & Drop gezogen werden | |
| dropzone | CDATA | Aktion bei Ablegen | |
| hidden | versteckter Inhalt | ||
| lang | NAME | legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766] | |
| spellcheck | ID | Rechtschreibprüfung Sollte auch für input type="password" deaktiviert werden.
| |
| style | CDATA | notiert direkt in einem Element- style sheet data | |
| tabindex | NAME | zeigt an, ob dieses Element fokusiert werden kann, ob es mithilfe der Tastaturnavigation angesteuert werden kann und in welcher Reihenfolge navigiert wird. | |
| title | CDATA | betitelt oder beschreibt ein Element. | |
| async | Boolesches Attribut | legt für externe Scripte fest, dass der Browser sie asynchron laden und die Ausführung beginnen soll, sobald sie verfügbar sind | |
| blocking | CDATA | render |
welche Aktion blockiert werden soll |
| charset | CDATA |  legte die Zeichenkodierung fest. HTML5 sieht nur noch UTF-8 Codierung für Webseiten und Scripte vor
| |
| crossorigin | CDATA | CORS-Settings-Attribut | |
| defer | Boolesches Attribut | legt fest, dass externe Scripte nach dem Laden der Seite ausgeführt werden | |
| fetchpriority | CDATA | auto |
Priorisierung von Fetch-Requests der gleichen Quelle |
| integrity | CDATA | Hash-Angabe für Subresource Integrity | |
| referrerpolicy | CDATA | HTTP-Referrer in Fetch-Requests | |
| src | CDATA | referenziert auf URL des externen Scripts | |
| type | CDATA | Inhaltstyp des script-Elements. Wird es nicht angegeben, wird der Inhalt als JavaScript interpretiert. Die Angabe eines der MIME-Typen für JavaScript ist möglich, soll aber unterbleiben! | |
Attribut: Pflichtattribut
Attribut: optionales Attribut
Siehe auch
- Einbindung von JavaScript in HTML
- SVG/Element/script (Einbindung von JavaScript in SVG)
Weblinks
Spec (W3C): script-element
