Różnica między wewnętrznymi i zewnętrznymi skryptami JavaScript

W połowie lat 90. programiści z Netscape stworzyli prosty język skryptowy, który ma służyć jako narzędzie do zwiększania interaktywności i angażowania stron internetowych. Język ten będzie ostatecznie znany jako Javascript. Wielu dzisiejszych użytkowników nie zdaje sobie sprawy, że funkcje klienta poczty e-mail lub witryny sieci społecznościowej, od których zależą, są wynikiem tysięcy linii sprytnego i złożonego programowania JavaScript.

Wewnętrzny Javascript

Aby kod JavaScript działał magicznie, musi być w jakiś sposób umieszczony we właściwej lokalizacji na określonej stronie internetowej, gdy strona jest ładowana. Wewnętrzny kod JavaScript to kod umieszczony w dowolnym miejscu strony internetowej między tagami HTML. Wielu twórców stron internetowych umieszcza swój kod JavaScript przed tagiem.

Wideo dnia

Zewnętrzny skrypt JavaScript

Kod JavaScript umieszczony w pliku innym niż kod HTML nazywany jest zewnętrznym JavaScript. Zewnętrzny kod JavaScript jest pisany i używany w taki sam sposób, jak wewnętrzny JavaScript. Plik powinien mieć rozszerzenie „.js”, chociaż praktycznie każde inne rozszerzenie działa z nowoczesnymi przeglądarkami. Jedna ważna różnica: kod zewnętrzny nie może być umieszczony między tagami, w przeciwnym razie kod nie będzie działał.

Przeglądarka internetowa musi wiedzieć, że musi załadować zewnętrzny kod. Strona internetowa musi zawierać następujące tagi HTML odwołujące się do skryptu:

Adres URL informuje serwer WWW, gdzie znaleźć i załadować kod JavaScript.

Zalety wewnętrznego JavaScript

Jeśli liczba wierszy kodu JavaScript jest stosunkowo niewielka, strona internetowa z wewnętrznym kodem JavaScript ładuje się szybciej niż strony, które muszą odwoływać się do kodu zewnętrznego. Dzieje się tak dlatego, że gdy przeglądarka internetowa ładuje stronę i napotyka odwołanie do kodu zewnętrznego, musi wysłać osobne żądanie do serwera WWW w celu pobrania kodu.

Zalety zewnętrznego Javascript

Jeśli identyczny kod jest używany na kilku stronach witryny, korzystne są zewnętrzne pliki Javascript. Wystarczy umieścić odwołanie do kodu zewnętrznego na tych stronach, które faktycznie wymagają tego kodu. Jeśli zmieni się kod JavaScript, należy edytować tylko jeden plik; zmiany są natychmiast dostępne dla wszystkich stron wymagających kodu. Przechowywanie kodu JavaScript w plikach zewnętrznych ułatwia również utrzymanie witryn internetowych: strony są mniej zagracone, a programista stron internetowych ma mniej wierszy kodu do przebrnięcia w celu wprowadzenia niezbędnych zmian. Mniejsza liczba wierszy kodu HTML może również pomóc robotom wyszukiwarek w dokładniejszym indeksowaniu witryny i znajdowaniu ważnych słów kluczowych.

Wreszcie, jeśli odwiedzający przejdzie na inną stronę zawierającą te same zewnętrzne odnośniki JavaScript, druga strona załaduje się szybciej, ponieważ przeglądarka użytkownika będzie buforować lub przechowywać plik JavaScript lokalnie.