Grundlegende Anwendungsmethoden für eingebettete und externe JavaScript-Links

Grundlegende Anwendungsmethoden für eingebettete und externe JavaScript-Links

Grundlegende Anwendung eingebetteter und externer JavaScript-Links

Die 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üpft

1. Inline

In den Attributen des HTML-Tags wird die Ausführung durch das Verhalten ausgelöst. (Selten verwendet)

Bildbeschreibung hier einfügen

2. Eingebettet

Binden 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.)

Bildbeschreibung hier einfügen

3. Externer Link

Geschrieben 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)

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

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:
  • JavaScript fügt dynamisch Stile hinzu (Inline-/eingebettete/externe Linkregeln usw.)
  • Eine einfache Möglichkeit, den externen Linkstil eines Elements in js abzurufen
  • So erhalten Sie den externen Linkstil des Elements in js

<<:  Was ist Flex und ein ausführliches Tutorial zur Flex-Layout-Syntax

>>:  Zwei Möglichkeiten zur Lösung des Problems, dass die MySQL-Master-Slave-Datenbank nicht synchronisiert wird

Artikel empfehlen

JavaScript zum Erzielen eines ausgewogenen digitalen Scroll-Effekts

Inhaltsverzeichnis 1. Hintergrund zur Umsetzung 2...

Analyse der Vorteile von path.join() in Node.js

Sie fragen sich möglicherweise, warum Sie die Met...

Installieren und verwenden Sie Git und GitHub unter Ubuntu Linux

Einführung in Git Git ist eine Open-Source-Versio...

Installieren Sie Memcached und die PHP Memcached-Erweiterung unter CentOS

In Bezug auf das leistungsstarke verteilte Speich...

Detaillierte Erklärung zum einfachen Wechseln von CSS-Themen

Ich habe meiner persönlichen Website vor Kurzem e...

Beispiel für die Verwendung der in Vue integrierten Komponente „Keep-Alive“

Inhaltsverzeichnis 1. Verwendung von Keep-Alive A...

Website-Erstellungs-Tutorial für Anfänger: Lernen Sie, in zehn Tagen eine Website zu erstellen

Das 10-tägige Tutorial verwendet eine äußerst ver...

MySQL-Benutzer und -Berechtigungen und Beispiele zum Knacken des Root-Passworts

MySQL-Benutzer und -Berechtigungen In MySQL gibt ...

Manuelle Implementierung der Instanceof-Methode in JavaScript

1. Verwendung von instanceof Mit instanceof wird ...

Farbige Anzeige der Hexadezimal-Farbcodetabelle und Anzeige des Hexadezimalwertvergleichs für eine einfache Suche

Hexadezimalcodetabelle verschiedener Farben [Teil ...

So verwenden Sie die ElementUI-Paginierungskomponente Paginierung in Vue

Die Verwendung der ElementUI-Paging-Komponente Pa...

Eine kurze Diskussion über die Verwendung von Vue zur Fertigstellung des mobilen APK-Projekts

Inhaltsverzeichnis Grundkonfiguration Eintragsdat...

Layout im Vue.js-Stil Allgemeine Fähigkeiten zur Flutter-Geschäftsentwicklung

Korrespondenz zwischen Flutter und CSS im Shadow-...

So gehen Sie mit zu vielen Docker-Protokollen um, die dazu führen, dass die Festplatte voll wird

Ich habe einen Server, auf dem mehrere Docker-Con...

So installieren und deinstallieren Sie open-vswitch unter Linux

1. Kompilieren und installieren Sie OVS aus dem Q...