Codebeispiele für die Verwendung von JavaScript in HTML

In diesem Artikel wird hauptsächlich die Verwendung von JavaScript-Beispielcode in HTML vorgestellt. Freunde, die ihn benötigen, können sich auf das

3f1c4e4b6b16bbbd69b2ee476dc4f83a-Tag beziehen In HTML5 hat Skript hauptsächlich die folgenden Attribute: async, defer, charset, src, type,

async (optional):

• Schlüsselwörter: asynchrones Skript, externe Datei, sofortiger Download;

Wenn das Tag dieses Attribut enthält, wird das Skript (externe Datei) sofort heruntergeladen. Es ist nur für externe Skriptdateien gültig Bei anderen Vorgängen wird die Analyse und Ausführung nach Abschluss des Downloads gestoppt und die Analyse wird nach der Ausführung fortgesetzt, die Ausführungsreihenfolge kann jedoch nicht garantiert werden.

<script src="js/index2.js" async="async"></script> 　

defer (optional):

• Schlüsselwörter: Defer-Skript, externe Datei, verzögert Laden;

Wenn das Tag dieses Attribut enthält, kann das Skript warten, bis die Seite vollständig analysiert oder angezeigt wird. Es ist nur für externe Dateien mit Verzögerung wirksam , aufgrund von Verzögerungen Aus Gründen des ersteren wird die Ausführung des letzteren eingeschränkt sein.

<script src="js/index1.js" defer="defer"></script>

Zeichensatz (optional):

• Schlüsselwörter: Zeichensatz

Die meisten Browser haben seinen Wert ignoriert, sodass nur wenige Leute ihn verwenden.

src (optional):

• Schlüsselwörter: externe Referenz

Stellt die Adresse der externen Datei dar, die sein muss verwiesen.

Typ (optional):

• Schlüsselwörter: MIME (Scripting Language Content Type)

Um maximale Kompatibilität mit begrenzten sicherzustellen Bei Browsern ist der Typattributwert hauptsächlich text/javascript. Wenn dieses Attribut nicht geschrieben ist, ist sein Standardwert immer noch text/javascript.

Hinweis: Fügen Sie beim Verweisen auf externe Dateien keine anderen JS-Codes in Tags hinzu. Beim Parsen lädt der Browser nur die externe Skriptdatei herunter, auf die src verweist, und der in die Tabelle eingebettete Code wird heruntergeladen ignoriert.

3f1c4e4b6b16bbbd69b2ee476dc4f83aPosition der Tags

Normalerweise fügen wir Tags in externe Dateien ein (einschließlich CSS-Dateien, JavaScript-Dateien). ) werden an derselben Stelle platziert, normalerweise im 93f0f5c25f18dab9d176bd4f6de5d30e-Tag.

Sobald jedoch während des Analysevorgangs mehrere externe JavaScript-Dateien gefunden werden, kann die Seite erst vollständig angezeigt werden, wenn alle externen Dateien geladen sind. Daher fügen wir sie normalerweise unten im Tag 6c04bd5ca3fcae76e30b72ad730ca86d ein Wie unten gezeigt:

Wie oben erwähnt, gibt es in 3f1c4e4b6b16bbbd69b2ee476dc4f83a ein Defer-Attribut, aber da es in HTML5 erwähnt wird, ignoriert HTML5 das von festgelegte Defer-Attribut Eingebettete Skripte werden derzeit nur von IE4–IE7 unterstützt und folgen später vollständig dem HTML5-Standard. Daher ist die Platzierung von 3f1c4e4b6b16bbbd69b2ee476dc4f83a am Ende des 6c04bd5ca3fcae76e30b72ad730ca86d-Tags immer noch die beste Wahl.

Vorteile der Referenzierung externer Dateien

Einfach zu warten: Alle JavaScript-Dateien zusammenzufügen, nicht nur Es berührt sich nicht HTML-Code, und es ist für Entwickler bequemer, Code zu schreiben und zu verwalten.

• Browsing beschleunigen: Wenn mehrere HTML-Seiten auf dieselbe externe JavaScript-Datei verweisen, wird diese Datei nur einmal geladen (zwischengespeichert), was bedeutet, dass die Seitenladegeschwindigkeit beschleunigt werden kann.

• Sicherheit: Wenn der Benutzer beim Verweisen auf externe Dateien den HTML-Code anzeigt, sieht er den JavaScript-Code nicht, was sicherer ist als das Schreiben innerhalb des Tags.

• 
  

2b0b25ff593c5b6c03403dd6234ffb2c tag

Wörtlich: KEIN Skript, das ist das Inhalte im 2b0b25ff593c5b6c03403dd6234ffb2c-Tag werden nur angezeigt, wenn der Browser kein JavaScript unterstützt.

Der Browser unterstützt keine Skripte > Durchsuchen Der Server unterstützt Skripte, aber JavaScript ist deaktiviert.

• Wenn eine der beiden oben genannten Bedingungen erfüllt ist, wird der Inhalt im 2b0b25ff593c5b6c03403dd6234ffb2c-Tag angezeigt.
Die obige Seite gibt dem Benutzer eine Nachricht, die nur angezeigt wird, wenn der Browser JavaScript nicht unterstützt oder deaktiviert, andernfalls wird der Benutzer sie nie sehen und wird es auch nicht sehen beeinflussen die Anzeige anderer Elemente auf der Seite.

Das obige ist der detaillierte Inhalt vonCodebeispiele für die Verwendung von JavaScript in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!