In diesem Artikel wird hauptsächlich die Verwendung von JavaScript in HTML vorgestellt. Ich hoffe, dass er für alle hilfreich ist. Tag </strong></span></p> <p> In HTML5 hat Skript hauptsächlich die folgenden Attribute: async, defer, charset, src, type, </p> <ul class=" list-paddingleft-2"><li><p>asynchron (optional): </p></li></ul> <p> Schlüsselwörter: asynchrones Skript, externe Datei, sofortiger Download; </p> <p> When-Tag Wenn dieses Attribut Wenn das Skript (externe Datei) enthalten ist, gilt es nur für externe Skriptdateien. Nach Abschluss des Downloads wird das Parsen beendet wird fortgesetzt, die Ausführungsreihenfolge kann jedoch nicht garantiert werden. </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false;"><script src="js/index2.js" async="async"> Nach dem Login kopierendefer (optional): Schlüsselwörter: verzögertes Skript, externe Datei, verzögertes Laden Wann Wenn dies Wenn das Attribut im Tag enthalten ist, kann das Skript warten, bis die Seite vollständig analysiert oder angezeigt wird. Dies gilt nur für externe Dateien. Wenn es aufgrund der Verzögerung zwei Skripte gibt, wird dies der Fall sein auf die Ausführung des Letzteren beschränkt sein. Nach dem Login kopierenZeichensatz (optional): Schlüsselwörter: Zeichensatz Die meisten Browser haben es ignoriert. Es lohnt sich also Nur wenige Leute nutzen es. 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 eingeschränktem 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 keinen anderen JS-Code in die Tags ein. Beim Parsen lädt der Browser nur die externe Skriptdatei herunter, auf die src verweist, und der in die Tabelle eingebettete Code ignoriert werden. Position der Tags</strong></span></p> <p> Normalerweise fügen wir Tags in externe Dateien ein (einschließlich CSS-Dateien, JavaScript-Dateien). ) werden an derselben Stelle platziert, normalerweise innerhalb des <head>-Tags. </p> <p> 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 <body> ein Wie unten gezeigt: </p> <p style="text-align: center"><img src="https://img.php.cn/upload/article/000/192/893/ac6f5bea3de83af42bfe96a35c51e1c3-0.png" alt=""></p> <p> Wie oben erwähnt, gibt es in <script> ein Defer-Attribut, aber da es in HTML5 erwähnt wird, ignoriert HTML5 das von festgelegte Defer-Attribut Das eingebettete Skript wird derzeit nur von IE4 bis IE7 unterstützt. Daher ist es immer noch die beste Wahl, <script> zu platzieren. </p> <p><span style="color: #ff0000"><strong>Vorteile der Referenzierung externer Dateien</strong></span></p> <ul class=" list-paddingleft-2"> <li><p>Einfach zu warten: Alle JavaScript-Dateien zusammenzufügen, nicht nur Es berührt sich nicht HTML-Code und eignet sich besser für Entwickler, die Code schreiben und pflegen. </p></li> <li><p>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. </p></li> <li><p>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. </p></li> </ul> <p><span style="color: #ff0000"><strong><noscript> tag </strong></span></p> <p> Wörtlich: KEIN Skript, das heißt, der Browser tut es nicht Der Inhalt im <noscript> wird nur angezeigt, wenn JavaScript unterstützt wird </p> <ul class=" list-paddingleft-2"> <li><p>Der Browser unterstützt keine Skripte; Der Browser unterstützt Skripte, aber JavaScript ist deaktiviert. </p></li> <li><p> Wenn eine der beiden oben genannten Bedingungen erfüllt ist, wird der Inhalt im <noscript>-Tag angezeigt. </p></li> </ul> <p></p> 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. <p style="text-align: center"><img src="https://img.php.cn/upload/article/000/192/893/ac6f5bea3de83af42bfe96a35c51e1c3-1.png" alt="">Zusammenfassung: Das Obige ist der gesamte Inhalt dieses Artikels, ich hoffe, dass er für das Studium aller hilfreich sein wird. </p> <p>Verwandte Empfehlungen: </p> <p></p>So führen Sie CSS in HTML ein<p></p> <p><a href="//m.sbmmt.com/p-tutorial-396350.html" target="_blank">Detaillierte Erläuterung der HTML5-Speicherung</a></p> <p><a href="//m.sbmmt.com/p-tutorial-396339.html" target="_blank">Beispiel einer HTML5-Abfrageseite</a></p>