2 Methoden und Vorsichtsmaßnahmen zum Hinzufügen von Skripten in HTML

So fügen Sie ein <script>-Skript in HTML ein:

1. Sie können Javascript-Code direkt zu HTML hinzufügen

Code kopieren

Der Code lautet wie folgt:

<Skripttyp="text/javascript">
//Javascript-Code
</Skript>

Wenn der Interpreter <script>-Code einbettet, wird die Verarbeitung der HTML-Seite ebenfalls vorübergehend gestoppt.

2. Externe JS-Dateien hinzufügen

Code kopieren

Der Code lautet wie folgt:

Notiz:
① In XHTML-Dokumenten kann das Tag </script> weggelassen werden, zum Beispiel:

Code kopieren

Der Code lautet wie folgt:

Das Tag </script> kann in HTML jedoch nicht weggelassen werden. Dieses Tag entspricht nicht den HTML-Spezifikationen und kann daher von einigen Browsern nicht richtig analysiert werden.

② Am besten platzieren Sie das <script>-Tag vor dem </body>-Tag, damit der Browser die Seite schneller laden kann.

③Wenn Sie <script> zum Einbetten von JavaScript-Code verwenden, lassen Sie die Zeichenfolge „</script>“ nicht an beliebiger Stelle im Code erscheinen. Beispielsweise generiert ein Browser beim Laden des folgenden Codes einen Fehler:

Code kopieren

Der Code lautet wie folgt:

<Skripttyp="text/javascript">
Funktion Funktion1(){
Warnung("</script>");
}

Denn gemäß den Regeln zum Parsen von eingebettetem Code denkt der Browser, wenn er auf die Zeichenfolge „</script>“ stößt, dass es sich um das schließende Tag </script> handelt. Wenn Sie dem Code eine </script>-Zeichenfolge hinzufügen möchten, können Sie diese als <\/script> schreiben.

<<: Zwei Möglichkeiten zum Erstellen eines privaten GitLab mit Docker

>>: So erstellen Sie ein einfaches Säulendiagramm mit Flex-Layout in CSS

js realisiert den Lupeneffekt von Produkten auf Einkaufswebsites

2 Methoden und Vorsichtsmaßnahmen zum Hinzufügen von Skripten in HTML

js realisiert den Lupeneffekt von Produkten auf Einkaufswebsites

js behandelt die Kontoabmeldung beim Schließen des Browsers

Detaillierte Schritte zum Bereitstellen von SpringBoot-Projekten mit Docker in Idea

So stellen Sie HBase mit Docker bereit

Detaillierte Erläuterung der MySQL-Datenzeilen und des Zeilenüberlaufmechanismus

Analyse des MySQL-Client-Installationsprozesses auf dem Mac

Eine vollständige Anleitung zu CSS-Stilattributen css() und width() in jQuery

So legen Sie ein Kennwort für MySQL Version 5.6 auf dem Mac fest

Detailliertes Tutorial zur Installation von Docker auf CentOS 7.5

Zehn beliebte Regeln für das Interface-Design

Artikel empfehlen

Detaillierte Erklärung von Promises in JavaScript

Der Prozess des Aufbaus einer Lampenarchitektur durch einen Docker-Container

11 Gründe, warum Bootstrap so beliebt ist

N Möglichkeiten, Elemente mit CSS zu zentrieren

Lösung für das Problem, dass VC6.0 bei Installation unter WIN10 nicht verwendet werden kann

MySQL-Transaktionskontrollfluss und ACID-Eigenschaften

Util-Modul im node.js-Tutorial-Beispiel – detaillierte Erklärung

So erstellen Sie mit Docker ein Basisimage der Python-Laufzeitumgebung

Einführung in Sublime Text 2, ein Web-Frontend-Tool

Centos6.9-Installation Mysql5.7.18 Schrittaufzeichnung

Tutorial zur DHCP-Konfiguration in der CentOS7-Umgebung

So stellen Sie Redis in einer Linux-Umgebung bereit und installieren es in Docker

Zusammenfassung der domänenübergreifenden Problembehandlung und -lösungen von Vue

Docker - Zusammenfassung von 3 Möglichkeiten zum Ändern von Container-Mount-Verzeichnissen

Detaillierte Erläuterung der MySQL Master-Slave-Datenbankkonstruktionsmethode