HTML
Fügen Sie JavaScript-Code in HTML ein
Suche…
Syntax
-
<script type="text/javascript"> //some code </script> -
<script type="text/javascript" src="URL"></script> -
<script type="text/javascript" src="URL" async>//async code</script>
Parameter
| Attribut | Einzelheiten |
|---|---|
src | Gibt den Pfad zu einer JavaScript-Datei an. Entweder eine relative oder absolute URL. |
type | Gibt den MIME-Typ an. Dieses Attribut ist in HTML4 erforderlich, in HTML5 jedoch optional. |
async | Gibt an, dass das Skript asynchron ausgeführt werden soll (nur für externe Skripts). Dieses Attribut erfordert keinen Wert (außer XHTML). |
defer | Gibt an, dass das Skript ausgeführt werden soll, wenn die Analyse der Seite abgeschlossen ist (nur für externe Skripts). Dieses Attribut erfordert keinen Wert (außer XHTML). |
charset | Gibt die Zeichenkodierung an, die in einer externen Skriptdatei verwendet wird, z. B. UTF-8 |
crossorigin | Wie das Element Crossorigin-Anforderungen verarbeitet |
nonce | Kryptografisches Nonce, das in der Inhaltssicherheitsrichtlinie verwendet wird, überprüft CSP3 |
Bemerkungen
Wenn der eingebettete JavaScript-Code (Datei) verwendet wird, um http://stackoverflow.com/documentation/javascript/503/document-object-model-dom Elemente zu bearbeiten , platzieren Sie Ihre <script></script> -Tags direkt vor dem schließenden </body> taggen oder verwenden Sie JavaScript-Methoden oder -Bibliotheken (z. B. jQuery , um eine Vielzahl von Browsern zu verwenden), die sicherstellen, dass das DOM gelesen und für die Bearbeitung bereit ist.
Verknüpfung zu einer externen JavaScript-Datei
<script src="example.js"></script>
Das Attribut src funktioniert wie das Attribut href für Anker: Sie können entweder eine absolute oder eine relative URL angeben. Das obige Beispiel verweist auf eine Datei im selben Verzeichnis des HTML-Dokuments. Dies wird normalerweise in den <head> -Tags oben im HTML-Dokument hinzugefügt
Direkter Einschluss von JavaScript-Code
Anstatt auf eine externe Datei zu verlinken, können Sie den JS-Code auch in Ihrem HTML-Code einfügen:
<script>
// JavaScript code
</script>
Einschließen einer JavaScript-Datei, die asynchron ausgeführt wird
<script type="text/javascript" src="URL" async></script>
Umgang mit deaktiviertem Javascript
Es ist möglich, dass der Clientbrowser Javascript nicht unterstützt oder die Ausführung von Javascript deaktiviert ist, möglicherweise aus Sicherheitsgründen. Um den Benutzern mitzuteilen, dass ein Skript auf der Seite ausgeführt werden soll, kann das <noscript> -Tag verwendet werden. Der Inhalt von <noscript> wird angezeigt, wenn Javascript für die aktuelle Seite deaktiviert ist.
<script>
document.write("Hello, world!");
</script>
<noscript>This browser does not support Javascript.</noscript>