Studenten, die ein wenig über das Schreiben von Webseiten gelernt haben, wissen alle, dass der JS-Code auf der Webseite in das Skript-Tag geschrieben werden sollte, aber warum tun Sie das? In diesem Artikel wird das Skript-Tag vorgestellt.
Skript-Tag
Anfangs wollte Netscape HTML-Dateien mithilfe von js im Browser anzeigen, wollte jedoch den Anzeigeeffekt dieser Datei in anderen Browsern nicht beeinflussen und erstellte daher das Skript-Tag
Wir alle wissen, dass Tags Attribute hinzufügen können:
- asynchron bedeutet, dass das Skript sofort heruntergeladen wird und andere Vorgänge in der Schnittstelle nicht behindern sollte
- src gibt die externe Datei zum Ausführen dieses Skripts an, optional
- charset Der Zeichensatz der durch src angegebenen externen Datei
- defer Das Skript wird verzögert, bis das Dokument analysiert und angezeigt wird abgeschlossen, optional
- Sprache ist veraltet. Es wird verwendet, um das Sprachattribut zu ersetzen. Daher muss dieser Parameter im Allgemeinen nicht angegeben werden .
-
<script> // 属性设置 function SayHi(){ alert("Hi"); } </script>
rrree Hinweis:
- Wenn das Tag mit src js-Code enthält, wird dieser ignoriert. Sie sollten also nach dem Schreiben von src keinen Code darin schreiben
- Versuchen Sie, externe Dateien zum Schreiben von js zu verwenden, Versuchen Sie, weniger eingebettete js zu verwenden
- , was die Wartung erleichtert und die js an einem Ort ist. Wenn zwei Seiten dasselbe js verwenden, kann es zwischengespeichert werden Speicherort des Skript-Tags
Ursprünglich sollte das Tag im Header platziert werden, aber da es im Header platziert ist, wird die Seite nicht gerendert, wenn js geladen wird (die Seite beginnt erst mit dem Rendern, wenn sie in den Text geladen wird), was dazu führt, dass Bai, also fügen wir es jetzt am Ende des Körpers ein
<!-- 注意下面的写法 /> 这么写本身没有问题,但是不能在html中使用这种语法,因为这样会打乱html的解析 --> <script></script> // 必须写成下面的样子 <script></script>
Nach dem Hinzufügen des Defer-Attributs zum Skript kann das Einfügen in den Header theoretisch den Zweck einer verzögerten Ausführung erreichen , aber da verschiedene Browser unterschiedliche Unterstützung für die Verzögerung bieten (die Ausführungsreihenfolge ist ungewiss und das eingebettete js unterstützt keine Verzögerung usw.), ist es für uns am besten, der obigen Schreibmethode von
zu folgen und sie an der Stelle zu schreiben Ende des Körpers. Das async-Attribut soll auch das Problem des asynchronen Ladens von Skripten lösen. Es unterstützt auch keine eingebetteten js-Skripte. Der ursprüngliche Unterschied zwischen ihm und defer besteht darin, dass async nicht in der richtigen Reihenfolge geladen wird , aber in der tatsächlichen Verwendung bieten Browser auch unterschiedliche Unterstützung für dieses Attribut. Keines der beiden Attribute kann die sequentielle Ausführung von Skripten und die Ausführung vor DOMContentLoaded garantieren. Daher ist es am besten, dieses Attribut erst zu verwenden, wenn der Browser es vollständig unterstützt.
Tag
Wenn der Browser js deaktiviert oder js überhaupt nicht unterstützt (das kommt jetzt natürlich selten vor), muss es reibungslos abgebaut werden, daher das Noscript-Tag
wird benötigt. Die Funktion besteht darin, den Inhalt in Noscript anzuzeigen, wenn die oben genannte Situation auftritt. Siehe das Beispiel unten
... <script></script> <script></script> <script></script>
Beachten Sie, dass der Inhalt in diesem Tag nicht angezeigt wird, wenn im Browser JS aktiviert ist angezeigt.
Empfohlene Tutorials:
HTML-TutorialDas obige ist der detaillierte Inhalt vonErfahren Sie mehr über das Skript-Tag in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

HTML ist eine Sprache, mit der Webseiten erstellt, die Webseitenstruktur und -inhalt über Tags und Attribute definiert werden. 1) HTML organisiert die Dokumentstruktur über Tags, wie z. B.. 2) Der Browser analysiert HTML, um das DOM zu erstellen und die Webseite zu rendern. 3) Neue Merkmale von HTML5, wie z. B. Multimedia -Funktionen. 4) Zu den häufigen Fehlern gehören nicht abgestimmte Bezeichnungen und nicht geeignete Attributwerte. 5) Die Optimierungsvorschläge umfassen die Verwendung semantischer Tags und die Reduzierung der Dateigröße.

WebdevelopmentRelieSonHtml, CSS und JavaScript: 1) HtmlStructuresContent, 2) CSSstylesit und 3) JavaScriptaddssinteraktivität, Bildung von TheBasisofModerernwebexperiences.

Die Rolle von HTML besteht darin, die Struktur und den Inhalt einer Webseite durch Tags und Attribute zu definieren. 1. HTML organisiert Inhalte über Tags wie das Lesen und Verständnis. 2. Verwenden Sie semantische Tags wie usw., um die Zugänglichkeit und SEO zu verbessern. 3. Optimierung des HTML -Codes kann die Ladegeschwindigkeit und die Benutzererfahrung der Webseite verbessern.

HtmlisaspecifictypeofcodeFocusedonstructuringuringwebcontent, während "Code" breitincludesluages -ähnlichjavaScriptandpythonforfunctionality.1) htmldefineswebpageStructureStags.2) "Code" cometesaWiNrangeOfLanguagesForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForForfirsInsForfunctionNacts

HTML, CSS und JavaScript sind die drei Säulen der Webentwicklung. 1. HTML definiert die Webseitenstruktur und verwendet Tags wie z.

HTML definiert die Webstruktur, CSS ist für Stil und Layout verantwortlich, und JavaScript ergibt eine dynamische Interaktion. Die drei erfüllen ihre Aufgaben in der Webentwicklung und erstellen gemeinsam eine farbenfrohe Website.

HTML ist für Anfänger geeignet, da es einfach und leicht zu lernen ist und schnell Ergebnisse sehen kann. 1) Die Lernkurve von HTML ist glatt und leicht zu beginnen. 2) Beherrschen Sie einfach die grundlegenden Tags, um Webseiten zu erstellen. 3) hohe Flexibilität und kann in Kombination mit CSS und JavaScript verwendet werden. 4) Reiche Lernressourcen und moderne Tools unterstützen den Lernprozess.

AnexampleofaTartingTaginHtmlis, die, die starttagsaresesinginhtmlastheyinitiateElements, definetheirtypes, andarecrucialForstructuringwebpages und -konstruktionsthedoms.


Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

AI Hentai Generator
Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

WebStorm-Mac-Version
Nützliche JavaScript-Entwicklungstools

MantisBT
Mantis ist ein einfach zu implementierendes webbasiertes Tool zur Fehlerverfolgung, das die Fehlerverfolgung von Produkten unterstützen soll. Es erfordert PHP, MySQL und einen Webserver. Schauen Sie sich unsere Demo- und Hosting-Services an.

SublimeText3 Linux neue Version
SublimeText3 Linux neueste Version

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor