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

Detaillierte Erklärung des MySQL-Datenbank-LIKE-Operators in Python

Analyse und Lösung der Ursache für den Verlust des Webseitenstils durch das automatische Ausfüllen von Formularen durch den Browser

Vom Backend zum Frontend: was für eine Tragödie. A...

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

Detaillierte Erklärung des MySQL-Datenbank-LIKE-Operators in Python

js zur Implementierung einer Interferenz mit Verifizierungscodes (statisch)

CSS Acht auffällige HOVER-Effekt-Beispielcodes

Lösung für das Problem, dass das direkte Festlegen der Breite und Höhe eines Hyperlinks nicht funktioniert

HTML CSS3 streckt den Bildanzeigeeffekt nicht

Beispielanalyse der Verwendung des neuen JSON-Feldtyps in MySQL 5.7

IE6/7 wird ein Chaos: Problem mit der Höhe leerer Textknoten

Designtheorie: Hierarchie im Design

JavaScript implementiert die Drag-Slider-Puzzle-Verifizierungsfunktion (html5, Canvas)

Warum MySQL große Transaktionen vermeiden sollte und wie man sie löst

Artikel empfehlen

JavaScript Canvas realisiert den Effekt des Neun-Quadrat-Rasterschneidens

Detaillierte Erklärung des Unterschieds zwischen run/cmd/entrypoint in Docker

Detaillierte Analyse, wann Tomcat das Antwortdatagramm zurückschreibt

Tomcat-Sicherheitsspezifikationen (Tomcat-Sicherheitsverstärkung und -spezifikationen)

Detaillierte Erläuterung der Routing-Parameterübergabe und der komponentenübergreifenden Parameterübergabe in Vue

React verwendet Routing, um zur Anmeldeoberfläche umzuleiten

js implementiert das Hinzufügen und Entfernen von Warenkörben sowie die Preisberechnung

Der komplette Prozess der iptables-Regeln in Docker geht nach dem Neustart von iptables verloren

Analyse und Lösung der Ursache für den Verlust des Webseitenstils durch das automatische Ausfüllen von Formularen durch den Browser

Vermeiden Sie den Missbrauch zum Lesen von Daten in Vue

Standard-CSS-Stil der XHTML-Sprache

So erstellen Sie einen Nginx-Image-Server mit Docker

Lösen Sie das Problem beim Laden der Vektorkartenquelle in OpenLayers 3

Detailliertes Tutorial zur Installation von MariaDB auf CentOS 8

So wählen Sie den richtigen Index in MySQL