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

Beheben Sie den Fehler bei der Installation von VMware Tools unter Ubuntu 18.04

1. Laut dem Online-Tutorial schlägt die Installat...

Wird CSS3 SCSS wirklich ersetzen?

Beim Styling unserer Webseiten haben wir die Wahl...

Beheben von Problemen mit impliziter MySQL-Konvertierung

1. Problembeschreibung root@mysqldb 22:12: [xucl]...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.16 winx64

Ich habe erst vor Kurzem angefangen, mich mit Dat...

Beispielcode zum Vergleich verschiedener Syntaxformate von vue3

Die Standardvorlagenmethode ähnelt vue2 und verwe...

Zusammenfassung der sieben grundlegenden XHTML-Codierungsregeln

1. Alle Tags müssen ein entsprechendes End-Tag hab...

Implementierungsbeispiel zum Hochladen mehrerer Anhänge in Vue

Inhaltsverzeichnis Vorwort Kerncode Datei zeigt e...

Zusammenfassung gängiger Docker-Befehle

Docker-Installation 1. Anforderungen: Linux-Kerne...

Zusammenfassung häufig verwendeter Toolfunktionen in Vue-Projekten

Inhaltsverzeichnis Vorwort 1. Benutzerdefinierter...

So deinstallieren Sie Node und NPM vollständig auf dem Mac

npm deinstallieren sudo npm deinstallieren npm -g...