Grundlegende Anwendungsmethoden für eingebettete und externe JavaScript-Links
Grundlegende Anwendung eingebetteter und externer JavaScript-LinksDie js-Sprache kann vollständig in die HTML-Sprache umgewandelt werden Je nach Situation kann jedoch zwischen eingebetteten und externen Links unterschieden werden. Wenn weniger JS-Code vorhanden ist, können Sie die eingebettete Methode direkt verwenden, um Javascript über das Tag <script></script> und verwandte Attribute einzuführen
<!DOCTYPE html>
<html>
<Skript>
document.write("<h1>Dies ist eine Überschrift</h1>");
document.write("<p>Dies ist ein Absatz.</p>");
</Skript>
<Text>
</body>
</html>Bei großen Projekten und wenn viel JavaScript-Code vorhanden ist, müssen Sie jedoch externe Links verwenden. Wenn Sie externe Links verwenden, müssen Sie zuerst eine neue .js-Datei erstellen <!DOCTYPE html> <html> <script type="text/javascript" src="1245.js"> </Skript> <Text> </body> </html> Fügen Sie den Javascript-Code, den Sie schreiben müssen, in die Datei 1245.js ein Drei Möglichkeiten zum Schreiben von JavaScript: Inline, eingebettet und extern verknüpft1. InlineIn den Attributen des HTML-Tags wird die Ausführung durch das Verhalten ausgelöst. (Selten verwendet)
2. EingebettetBinden Sie es mithilfe eines Skript-Tags in die HTML-Datei ein und es wird beim Öffnen der Seite automatisch ausgeführt. (Es ist einfach zu verwenden, aber verwenden Sie es nicht mit großen Mengen JS-Code.)
3. Externer LinkGeschrieben in einer separaten JS-Datei, eingeführt in die HTML-Datei mithilfe des src-Attributs des Skript-Tags, wird es automatisch ausgeführt, wenn die Seite geöffnet wird. (Empfohlen, da es verschiedene Optimierungsmethoden gibt)
Hinweis : Wird in der Industrie selten oder fast nie verwendet. Inline- und externe Links können nicht dasselbe Skript-Tag verwenden. Der Script-Tag des externen Links kann grundsätzlich an beliebiger Stelle platziert werden. Das Skriptattribut des externen Links ist src , nicht href, nicht href, nicht href … Das Obige ist meine persönliche Erfahrung. Ich hoffe, es kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden. Das könnte Sie auch interessieren:
|
<<: Was ist Flex und ein ausführliches Tutorial zur Flex-Layout-Syntax
Artikel empfehlen
Vue-Beispielcode zur einfachen Implementierung von virtuellem Scrollen
Inhaltsverzeichnis Vorwort Rollprinzip erreichen ...
Detaillierte Erläuterung der Anwendung der vier Zustände der Hyperverbindung
Obwohl Sie denken, dass es sich möglicherweise um...
Vollständiger Schrittbericht zur Vue-Kapselung allgemeiner Tabellenkomponenten
Inhaltsverzeichnis Vorwort Warum müssen wir die T...
Lösung für Djangos Unfähigkeit, mit dem uwsgi+nginx-Proxy auf statische Ressourcen zuzugreifen
Beim Bereitstellen des uwsgi+nginx-Proxys Django ...
Eigenschaften und Quellcode der Echarts-Legendenkomponente
Die Legendenkomponente ist eine häufig verwendete...
So führen Sie MySQL in einer Docker-Umgebung aus und aktivieren Binlog, um die Master-Slave-Synchronisierung zu konfigurieren
Derselbe Server simuliert die Master-Slave-Synchr...
33 der besten kostenlosen englischen Schriftarten geteilt
ChunkFive Freie Schriftfamilie Cuprum JAH I Kosten...
Detailliertes Tutorial zum Ausführen von Tomcat im Debugmodus im IDEA Maven-Projekt
1. Fügen Sie die folgenden Abhängigkeiten in pom....
Spezifische Verwendungsanweisungen für MySQL-Joins
Inhaltsverzeichnis Join-Syntax: 1. InnerJOIN: (In...
Grundlagen der funktionalen Programmierung in JavaScript
Inhaltsverzeichnis 1. Einleitung 2. Was ist funkt...
js, um einen einfachen Front-End-Paging-Effekt zu erzielen
Einige Projekte haben ein relativ einfaches Gesch...
Automatisierte Schnittstellentests mit Postman
Inhaltsverzeichnis Hintergrundbeschreibung Erstel...
Ein Artikel zum Verständnis von Operatoren in ECMAScript
Inhaltsverzeichnis Unäre Operatoren Boolesche Ope...
Lösung für das Problem, dass der Eintrag bei der Installation von mysql5.7.18 nicht gefunden werden kann
Bei der Installation von mysql5.7.18 ist folgende...
Beispiel zum Referenzieren von Umgebungsvariablen in Docker Compose
In einem Projekt müssen Sie häufig Umgebungsvaria...