Unterschied zwischen internen und externen Javascripts

Mitte der 1990er Jahre entwickelten die Entwickler von Netscape eine einfache Skriptsprache, die als Werkzeug verwendet werden sollte, um Websites interaktiver und ansprechender zu gestalten. Diese Sprache würde schließlich als Javascript bekannt sein. Viele Benutzer wissen heute nicht, dass die Funktionen des E-Mail-Clients oder der Social-Networking-Website, auf die sie angewiesen sind, das Ergebnis Tausender Zeilen cleverer und komplexer Javascript-Programmierung sind.

Internes Javascript

Damit Javascript-Code seine Magie entfalten kann, muss er beim Laden der Seite irgendwie an der richtigen Stelle auf einer bestimmten Webseite eingebunden werden. Interner Javascript-Code ist Code, der irgendwo innerhalb der Webseite zwischen den HTML-Tags platziert wird. Viele Webentwickler platzieren ihren Javascript-Code vor dem Tag.

Video des Tages

Externes Javascript

Javascript-Code, der in einer vom HTML-Code getrennten Datei platziert wird, wird als externes Javascript bezeichnet. Externer Javascript-Code wird genauso geschrieben und verwendet wie internes Javascript. Die Datei sollte die Erweiterung ".js" haben, obwohl praktisch jede andere Erweiterung mit modernen Browsern funktioniert. Ein wichtiger Unterschied: Der externe Code darf nicht zwischen den Tags platziert werden, sonst funktioniert der Code nicht.

Der Webbrowser muss wissen, dass er externen Code laden muss. Die Webseite muss die folgenden HTML-Tags enthalten, die auf das Skript verweisen:

Die URL teilt dem Webserver mit, wo er den Javascript-Code finden und laden soll.

Vorteile von internem Javascript

Wenn die Anzahl der Javascript-Zeilen relativ klein ist, lädt eine Webseite mit internem Javascript schneller als Seiten, die auf externen Code verweisen müssen. Dies liegt daran, dass der Webbrowser, wenn er die Seite lädt und auf den Verweis auf den externen Code stößt, eine separate Anfrage an den Webserver stellen muss, um den Code abzurufen.

Vorteile von externem Javascript

Wird auf mehreren Seiten einer Website identischer Code verwendet, sind externe Javascript-Dateien von Vorteil. Sie müssen nur auf den Seiten einen Verweis auf den externen Code einfügen, die diesen Code tatsächlich benötigen. Ändert sich der Javascript-Code, muss nur eine Datei bearbeitet werden; Änderungen sind sofort für alle Seiten verfügbar, die den Code benötigen. Das Speichern von Javascript in externen Dateien erleichtert auch die Pflege von Websites: Die Seiten sind weniger überladen und der Webentwickler muss weniger Codezeilen durcharbeiten, um notwendige Änderungen vorzunehmen. Weniger Zeilen HTML-Code können auch Suchmaschinen-Spidern helfen, Ihre Site gründlicher zu indizieren und wichtige Schlüsselwörter zu finden.

Wenn ein Besucher schließlich zu einer anderen Seite wechselt, die dieselben externen Javascript-Referenzen enthält, wird die zweite Seite wird schneller geladen, da der Browser des Benutzers die Javascript-Datei zwischengespeichert oder gespeichert hat örtlich.