suchen
HeimWeb-FrontendHTML-TutorialErfahren Sie mehr über das Skript-Tag in HTML

Erfahren Sie mehr über das Skript-Tag in HTML

Jul 06, 2020 am 10:24 AM
javascriptSkript-Tag

Erfahren Sie mehr über das Skript-Tag in HTML

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:

Bis der Interpreter den Code im Skript-Tag auswertet, wird der Rest des Inhalts auf der Seite nicht vom Browser geladen oder angezeigt
  • 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-Tutorial

, JavaScript-Video-Tutorial

Das 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!

Stellungnahme
Dieser Artikel ist reproduziert unter:csdn. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Von Text zu Websites: Die Kraft von HTMLVon Text zu Websites: Die Kraft von HTMLApr 13, 2025 am 12:07 AM

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.

HTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchHTML, CSS und JavaScript verstehen: Ein AnfängerhandbuchApr 12, 2025 am 12:02 AM

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

Die Rolle von HTML: Strukturierung von WebinhaltenDie Rolle von HTML: Strukturierung von WebinhaltenApr 11, 2025 am 12:12 AM

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.

HTML und Code: Ein genauerer Blick auf die TerminologieHTML und Code: Ein genauerer Blick auf die TerminologieApr 10, 2025 am 09:28 AM

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

HTML, CSS und JavaScript: Wesentliche Tools für WebentwicklerHTML, CSS und JavaScript: Wesentliche Tools für WebentwicklerApr 09, 2025 am 12:12 AM

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

Die Rollen von HTML, CSS und JavaScript: KernverantwortungDie Rollen von HTML, CSS und JavaScript: KernverantwortungApr 08, 2025 pm 07:05 PM

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.

Ist HTML für Anfänger leicht zu lernen?Ist HTML für Anfänger leicht zu lernen?Apr 07, 2025 am 12:11 AM

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.

Was ist ein Beispiel für ein Start -Tag in HTML?Was ist ein Beispiel für ein Start -Tag in HTML?Apr 06, 2025 am 12:04 AM

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

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
4 Wochen vorBy尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

WebStorm-Mac-Version

WebStorm-Mac-Version

Nützliche JavaScript-Entwicklungstools

MantisBT

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 neue Version

SublimeText3 Linux neueste Version

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor