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
So teilen und führen Sie mehrere Werte in einem einzigen Feld in MySQL zusammen
Mehrere Werte kombiniert anzeigen Nun haben wir d...
Kreativer Eröffnungseffekt durch die Kombination von CSS 3.0 mit Video
Ich möchte Ihnen einen kreativen Einstieg vorstel...
Diskussion zu den Themen Bildschaltflächenübermittlung und wiederholte Formularübermittlung
In vielen Fällen wird die Schaltfläche „Senden“ du...
Detaillierte Erläuterung der Anwendung der Docker-Basistechnologie Namespace Cgroup
Docker zugrunde liegende Technologie: Die beiden ...
Analyse der prinzipiellen Implementierung aus dem Quellcode des Mini-Programm-Entwicklertools
Inhaltsverzeichnis So zeigen Sie den Quellcode de...
Zusammenfassung einiger Vorschläge zum HTML-Code-Schreibstil
Das Protokoll der Ressourcendatei weglassen Es wi...
Natives JS zur Realisierung eines springenden Balls
Aus einer Laune heraus habe ich eine Fallstudie ü...
So verwenden Sie vue.js zum Implementieren der Drag & Drop-Funktion
Vorwort Durch das Hinzufügen einer Drag & Dro...
So verhindern Sie eine Verlangsamung des Computers, wenn unter WIN10 mehrere Datenbanken installiert sind
Aktivieren Sie den Dienst, wenn Sie ihn benötigen...
Zusammenfassung der Wissenspunkte des Datenbankindex
Inhaltsverzeichnis Erster Blick-Index Das Konzept...
MySQL-Join-Abfrage (Left Join, Right Join, Inner Join)
1. Allgemeine Verbindungen für MySQL INNER JOIN (...
MySQL 8.0.11 Installationshandbuch für Mac
MAC installiert mysql8.0, der spezifische Inhalt ...
Vue importiert Excel-Tabellen und lädt automatisch die Daten herunter, die nicht importiert werden konnten
Es gibt eine solche Anforderung: eine Importschal...
So verwenden Sie tcpdump zum Erfassen von Paketen im Linux-System
Lassen Sie mich zunächst einen Blick auf den Beis...
JS implementiert die Append-Funktion von jQuery
Inhaltsverzeichnis Zeig mir den Code Testen Sie d...