Können Codeskripte in einer externen Datei gespeichert werden?

Platzieren JavaScripts Die direkte Eingabe in die Datei mit dem HTML-Code für eine Webseite ist ideal für kurze Skripte, die beim Erlernen von JavaScript verwendet werden. Wenn Sie mit der Erstellung von Skripten beginnen, um wichtige Funktionen für Ihre Webseite bereitzustellen, wird jedoch die Anzahl der Skripts angegeben JavaScript kann sehr groß werden, und das Einfügen dieser großen Skripte direkt in die Webseite wirft zwei Probleme auf:

• Dies kann sich auf das Ranking Ihrer Seite bei den verschiedenen Suchmaschinen auswirken, wenn das JavaScript einen Großteil des Seiteninhalts einnimmt. Dies verringert die Häufigkeit der Verwendung von Schlüsselwörtern und Phrasen, die angeben, worum es beim Inhalt geht.
• Es macht es schwieriger, dieselbe JavaScript-Funktion auf mehreren Seiten Ihrer Website wiederzuverwenden. Jedes Mal, wenn Sie es auf einer anderen Seite verwenden möchten, müssen Sie es kopieren und in jede weitere Seite einfügen sowie alle Änderungen, die der neue Speicherort erfordert.

Es ist viel besser, wenn wir das JavaScript unabhängig von der Webseite machen, auf der es verwendet wird.

Zum Glück ist die Entwickler von HTML und JavaScript haben eine Lösung für dieses Problem bereitgestellt. Wir können unsere JavaScripts von der Webseite entfernen und sie trotzdem genauso funktionieren lassen.

Das erste, was wir tun müssen, um ein JavaScript außerhalb der Seite zu erstellen, die es verwendet, ist die Auswahl den eigentlichen JavaScript-Code selbst (ohne die umgebenden HTML-Skript-Tags) und kopieren Sie ihn in einen separaten Datei.

Wenn sich beispielsweise das folgende Skript auf unserer Seite befindet, würden wir das Teil in Fettdruck auswählen und kopieren:

Früher wurde JavaScript in ein HTML-Dokument innerhalb von Kommentar-Tags eingefügt, um zu verhindern, dass ältere Browser den Code anzeigen. Neue HTML-Standards besagen jedoch, dass Browser den Code innerhalb von automatisch behandeln sollten HTML-Kommentar-Tags als Kommentare, und dies führt dazu, dass Browser Ihr Javascript ignorieren.

Wenn Sie HTML-Seiten von jemand anderem mit JavaScript innerhalb von Kommentar-Tags geerbt haben, müssen Sie die Tags nicht in den von Ihnen ausgewählten und kopierten JavaScript-Code aufnehmen.

Beispielsweise würden Sie nur den fett gedruckten Code kopieren und die HTML-Kommentar-Tags weglassen und im folgenden Codebeispiel:

Wenn Sie den zu verschiebenden JavaScript-Code ausgewählt haben, fügen Sie ihn in eine neue Datei ein. Geben Sie der Datei einen Namen, der angibt, was das Skript tut, oder die Seite identifiziert, zu der das Skript gehört.

Geben Sie der Datei eine .js Suffix, damit Sie wissen, dass die Datei JavaScript enthält. Zum Beispiel könnten wir verwenden hallo.js als Name der Datei zum Speichern des JavaScript aus dem obigen Beispiel.

Nachdem wir unser JavaScript kopiert und in einer separaten Datei gespeichert haben, müssen wir nur noch auf die externe Skriptdatei in unserer Datei verweisen HTML-Webseiten-Dokument.

Löschen Sie zunächst alles zwischen den Skript-Tags:

Dies teilt der Seite noch nicht mit, welches JavaScript ausgeführt werden soll. Daher müssen wir dem Skript-Tag selbst ein zusätzliches Attribut hinzufügen, das dem Browser mitteilt, wo sich das Skript befindet.

Unser Beispiel sieht nun so aus:

src = "hello.js">

Das src-Attribut teilt dem Browser den Namen der externen Datei mit, aus der der JavaScript-Code für diese Webseite gelesen werden soll hallo.js in unserem obigen Beispiel).

Sie müssen nicht alle Ihre JavaScripts am selben Speicherort wie Ihre HTML-Webseitendokumente ablegen. Möglicherweise möchten Sie sie in einem separaten JavaScript-Ordner ablegen. In diesem Fall ändern Sie einfach den Wert in der src Attribut, um den Speicherort der Datei einzuschließen. Sie können eine beliebige relative oder absolute Webadresse für den Speicherort der JavaScript-Quelldatei angeben.

Sie können jetzt jedes Skript, das Sie geschrieben haben, oder jedes Skript, das Sie aus einer Skriptbibliothek erhalten haben, aus dem HTML-Webseitencode in eine extern referenzierte JavaScript-Datei verschieben.

Sie können dann von jeder Webseite aus auf diese Skriptdatei zugreifen, indem Sie einfach die entsprechenden HTML-Skript-Tags hinzufügen, die diese Skriptdatei aufrufen.