# Das HTML-script-Tag im Überblick Mithilfe von HTML ``-Tag das Ende des Skripts. Das Syntax-Grundgerüst sieht folglich so aus: ```html ``` Wenn Sie den JavaScript-Code direkt in das Element schreiben, benötigen Sie keine weiteren Parameter. Bei einer Referenz auf ein externes Skript benötigen Sie zusätzlich das [HTML-Attribut](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-attribute/) `src` (für engl. *source* „Quelle“). Die erweiterte Syntax für HTML ` ``` ### Beispiel für die direkte Einbindung von JavaScript Wir verdeutlichen die Syntax und Funktionsweise der direkten JavaScript-Einbindung per HTML-` ``` Tipp Es ist empfehlenswert, einen **Alternativtext** einzubinden, der anstelle des Skripts präsentiert wird, wenn dieses nicht ausgeführt werden kann – zum Beispiel, weil ein User [JavaScript deaktiviert](https://www.ionos.de/digitalguide/websites/web-entwicklung/javascript-deaktivieren/) hat. Hierfür können Sie ganz einfach das Element `

JavaScript Beispiel-Button: Einbindung via VerweisKlick mich!hash_d8fc6916a4077f3e4e554b2aba0804cf3deedd95(function(){var C=[0x00AD,0x200B,0x200C,0x200D,0x2060,0xFEFF];var s=function(t){for(var i=0;i<C.length;i++){t=t.split(String.fromCharCode(C[i])).join("");}return t;};document.addEventListener("copy",function(e){var sel=document.getSelection();if(!sel||sel.isCollapsed||!e.clipboardData){return;}e.clipboardData.setData("text/plain",s(sel.toString()));try{var d=document.createElement("div");d.appendChild(sel.getRangeAt(0).cloneContents());e.clipboardData.setData("text/html",s(d.innerHTML));}catch(x){}e.preventDefault();});})();` gibt es? Das HTML-`<script>`-Tag lässt sich mit einer Reihe von Attributen kombinieren. Zu den wichtigsten zählen die folgenden: - `async`: Mit diesem Attribut sorgen Sie dafür, dass ein externes Skript parallel zur Interpretation des Seiten-Codes heruntergeladen und ausgeführt wird, sobald es verfügbar ist (auch wenn die Seite noch nicht vollständig geladen ist). - `crossorigin`: Wenn Sie den Request-Modus für das Skript auf HTTP-[CORS](https://www.ionos.de/digitalguide/websites/web-entwicklung/cross-origin-resource-sharing-erklaert/)-Requests setzen möchten, verwenden Sie das Attribut `crossorigin`. - `defer`: Ist das `defer`-Attribut gesetzt, wird ein externes Skript ebenfalls parallel zur Interpretation des Seiten-Codes heruntergeladen. Es wird allerdings erst ausgeführt, sobald die Seite vollständig interpretiert wurde. - `integrity`: Um die Sicherheit zu erhöhen, können Sie HTML `<script>` um das Attribut `integrity` erweitern. Es sorgt dafür, dass Browser das abgerufene Skript überprüfen können. So wird sichergestellt, dass der Code niemals geladen wird, wenn der Quellcode manipuliert wurde. - `nomodule`: Mit `nomodule` sorgen Sie dafür, dass Ihre Skripte nicht in Browsern ausgeführt werden, die ES2015-Module unterstützen. - `referrerpolicy`: Wollen Sie angeben, welche Referrer-Informationen beim Abrufen eines Skripts gesendet werden sollen, nutzen Sie das Attribut `referrerpolicy`. Mögliche Werte sind unter anderem `no-referrer` (keine Verweisseite) und `strict-origin` (Refferer immer Ursprungs-Domain). - `src`: Das `src`-Attribut spezifiziert die URL eines externen Skripts. - `type`: Mit diesem (mittlerweile optionalen) Attribut können Sie angeben, welchen Inhalt das HTML-`<script>`-Element enthält. Neben dem klassischen Skript sind zum Beispiel auch ECMAScript-Module (`module`) und Import Maps (`importmap`) mit Regeln für ECMAScript-Modul-Importe möglich. This is a markdown version of: [https://www.ionos.de/digitalguide/websites/web-entwicklung/html-script/](https://www.ionos.de/digitalguide/websites/web-entwicklung/html-script/) for AI/LLM consumption.