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
Die 13 am häufigsten in Interviews gestellten Fragen zu Vue-Modifikatoren
Inhaltsverzeichnis 1. faul 2.trimmen 3.Nummer 4.H...
CSS verwendet Position + Rand, um die Methode der horizontalen und vertikalen Zentrierung fester Boxen zu erreichen
Rand: automatisch; + Position: absolut; oben, unt...
So erstellen Sie Ihr eigenes Image mit Dockerfile
1. Erstellen Sie ein leeres Verzeichnis $ cd /hom...
Installieren Sie mysql5.7.13 mit RPM in CentOS 7
0. Umwelt Betriebssystem für diesen Artikel: Cent...
Warum kann das in HTML eingebettete Video im MP4-Format nicht abgespielt werden?
Der folgende Code befindet sich in meiner test.htm...
Lösung für das Problem mit verstümmelten chinesischen MySQL-Zeichen
1. Die chinesischen verstümmelten Zeichen erschei...
Tutorial zur Installation von RabbitMQ mit Yum auf CentOS8
Geben Sie den Ordner /etc/yum.repos.d/ ein Erstel...
Details zu verschiedenen Schriftformaten in HTML-Webseiten
Dieser Abschnitt beginnt mit den Details der Text...
Tiefgreifendes Verständnis der Vue-cli4-Routing-Konfiguration
Inhaltsverzeichnis Vorwort - Vue Routing 1. Die g...
Zusammenfassung einiger meiner häufig verwendeten Linux-Befehle
Ich habe zwei Jahre lang im Betrieb und in der Wa...
JS asynchroner Code Unit-Test Magie Promise
Inhaltsverzeichnis Vorwort Verkettung von Verspre...
MySQL8.0-Installationsprozess unter Centos7 in VMware Workstation16 und Navicat-Remoteverbindung
Inhaltsverzeichnis 1. CentOS7+MySQL8.0, Yum-Quell...
18 Killer-JavaScript-Einzeiler
Vorwort JavaScript erfreut sich weiterhin wachsen...
Verwenden Sie Node-Media-Server, um einen einfachen Streaming-Media-Server zu erstellen
Zeichnen Sie einige der Prozesse der Verwendung d...
Fünf Möglichkeiten zum automatischen Seitensprung in HTML
Im vorherigen Artikel haben wir drei gängige Meth...