Wie man Outreach in Javascript durchführt

JavaScript ist die am häufigsten verwendete Skriptsprache im Bereich Webdesign. Wenn Sie auf Webseiten JavaScript verwenden möchten, gibt es im Allgemeinen zwei Möglichkeiten: Inline und Outbound. In diesem Artikel wird hauptsächlich erläutert, wie JavaScript für die Öffentlichkeitsarbeit verwendet wird.

Was ist externe Verlinkung?

Einfach ausgedrückt ist externe Verlinkung eine Methode zum Verweisen auf externe JavaScript-Dateien in Webseiten. In einem HTML-Dokument können Sie das -Tag verwenden, um auf eine externe JavaScript-Datei zu verweisen. Bei der Referenzierung externer JavaScript-Dateien wird der Code im Gegensatz zur Inline-Methode nicht in die HTML-Datei eingebettet. Seine Vorteile sind wie folgt:

Einfach zu warten: Trennen Sie JavaScript-Code von HTML-Dokumenten. Wenn Sie den Code ändern, müssen Sie nur eine separate Datei ändern, was die Wartung und Verwaltung erleichtert. Seitencodegröße reduzieren: Wenn Sie auf jeder Webseite ein Stück JavaScript-Code schreiben, kann dies dazu führen, dass die Seitengröße zu groß wird und die Leistung der Website beeinträchtigt wird. Outreach kann die Menge an Seitencode reduzieren und die Reaktionsgeschwindigkeit der Website verbessern. Das Codeformat zum Einführen externer JavaScript-Dateien lautet wie folgt:

Unter diesen stellt das Typattribut den Typ der Skriptsprache dar und das src-Attribut zeigt auf den externen JavaScript-Dateipfad. Als nächstes veranschaulichen wir anhand eines einfachen Beispiels, wie man JavaScript-Dateien in HTML-Dateien extern verlinkt.

Beispiel

Angenommen, wir möchten auf eine externe JavaScript-Datei in einer HTML-Datei verweisen. Der Dateiname lautet „external.js“ und das Verzeichnis befindet sich im Verzeichnis „js“. Die Schritte sind wie folgt:

Erstellen Sie eine HTML-Datei mit dem Namen „external.html“. Der Code in der Datei lautet wie folgt:

JavaScript 外联

点击我

Im obigen Code definieren wir ein Schaltflächenklickereignis und rufen eine Funktion mit dem Namen „myFunction()“ auf. Am Ende des HTML-Codes führen wir die Datei „js/external.js“ über das Tag ein.

Erstellen Sie eine JavaScript-Datei mit dem Namen „external.js“. Der Inhalt lautet wie folgt: function myFunction() { alert("Hello World!"); } external.js Die Datei definiert eine Funktion myFunction(), die ein Meldungsfeld „Hello World!“ öffnet.

Speichern Sie zu diesem Zeitpunkt die beiden Dateien im selben Ordner und öffnen Sie dann die Datei „external.html“. Sie sehen eine Seite mit einer Schaltfläche. Klicken Sie auf die Schaltfläche. Es erscheint ein Dialogfeld mit der Meldung „Hallo Welt!“. " Nachricht . Dies bedeutet, dass die Methode zur Einführung externer JS-Dateien erfolgreich war.

Hinweise

Die in der externen JS-Datei angegebenen Funktionsnamen und Variablennamen können in der HTML-Datei referenziert werden. Wenn zwei oder mehr Funktionen mit demselben Namen in einer externen JS-Datei definiert sind, kann dies zu einer Funktionsüberdeckung oder einem Funktionsfehler führen. Es wird empfohlen, sich bei der Benennung an die Namenskonventionen zu halten, unterschiedliche Funktionen zu benennen oder Funktionen unterschiedliche Aliase zu geben. Bei der Einführung externer JavaScript-Dateien muss sich der eingeführte JavaScript-Code in derselben Domäne befinden wie die Datei, in der sich die HTML-Dokumentseite befindet. Andernfalls treten domänenübergreifende Probleme auf. Zusammenfassung:

Externes JavaScript kann die Wartbarkeit des Codes verbessern, die Menge an Seitencode reduzieren und die Reaktionsgeschwindigkeit der Website verbessern. Achten Sie bei der Bewerbung auf einige Dinge, um Fehler zu vermeiden.