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

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:

<script type="text/javascript" src="Adresse des externen .js-Codes"></script>

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

Code kopieren
Der Code lautet wie folgt:

<script type="text/javascript" src="beispiel.js" />

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

Artikel empfehlen

Implementierung der Docker-Bereitstellung von Django+Mysql+Redis+Gunicorn+Nginx

I. Einleitung Die Docker-Technologie erfreut sich...

Beispielcode zur Implementierung der Ellipsenbahnrotation mit CSS3

In letzter Zeit müssen folgende Effekte erzielt w...

So beheben Sie den abnormalen Fehler ERROR: 2002 in MySQL

Kürzlich ist beim Starten von MySQL ein Fehler au...

Implementierungsbeispiel eines Nginx+Tomcat-Load-Balancing-Clusters

Inhaltsverzeichnis Einführung 1. Fallübersicht 2....

Mysql-Operation zum Abrufen von Tabellenkommentarfeldern

Ich werde nicht viel Unsinn erzählen, schauen wir...

Farbschemata für Websites Die richtigen Farben für Ihre Website auswählen

Beeinflusst Farbe die Website-Besucher? Vor einig...

MySQL-Datenbankoperationen (Erstellen, Auswählen, Löschen)

MySQL-Datenbank erstellen Nachdem wir uns beim My...

Eine gängige Technik zur Implementierung von Dreiecken mit CSS (mehrere Methoden)

In manchen Vorstellungsgesprächen werden häufig F...

Implementieren von Rechnerfunktionen mit dem WeChat-Applet

Dieser Artikel ist ein einfacher Rechner, der mit...

Bauprozess eines privaten Docker-Lagerhafens

1. Vorbereitung 1.1 Hafen herunterladen Harbor-Do...

Tutorial zur Installation von mysql5.7.17 über yum auf redhat7

Die Linux-Betriebssysteme der RHEL/CentOS-Reihe v...

Analyse des Quellcodes des React-Ereignismechanismus

Inhaltsverzeichnis Prinzip Quellcodeanalyse Deleg...

Teilen Sie 5 hilfreiche CSS-Selektoren, um Ihr CSS-Erlebnis zu bereichern

Dank unserer umfassenden CSS-Erfahrung als Webdesi...