Czy skrypty kodu można zapisać w pliku zewnętrznym?

Umieszczanie JavaScript bezpośrednio do pliku zawierającego HTML strony internetowej jest idealny do krótkich skryptów używanych podczas nauki JavaScript. Jednak kiedy zaczynasz tworzyć skrypty zapewniające znaczną funkcjonalność swojej strony, ilość JavaScript może stać się dość duży, a umieszczenie tych dużych skryptów bezpośrednio na stronie internetowej stwarza dwa problemy:

• Może to wpływać na ranking strony w różnych wyszukiwarkach, jeśli JavaScript zajmuje większość zawartości strony. Obniża to częstotliwość używania słów kluczowych i fraz, które identyfikują treść.
• Utrudnia to ponowne użycie tej samej funkcji JavaScript na wielu stronach witryny. Za każdym razem, gdy chcesz użyć go na innej stronie, musisz go skopiować i wstawić na każdej dodatkowej stronie, a także wszelkie zmiany wymagane przez nową lokalizację.

O wiele lepiej jest uczynić JavaScript niezależnym od strony internetowej, która go używa.

Na szczęście programiści HTML i JavaScript dostarczyły rozwiązanie tego problemu. Możemy przenieść nasze skrypty JavaScript ze strony internetowej i nadal działać tak samo.

Pierwszą rzeczą, którą musimy zrobić, aby JavaScript był zewnętrzny w stosunku do strony, która go używa, jest wybór sam kod JavaScript (bez otaczających tagów skryptu HTML) i skopiuj go do osobnego plik.

Na przykład, jeśli poniższy skrypt znajduje się na naszej stronie, wybieramy i kopiujemy część pogrubioną czcionką:

Dawniej praktykowano umieszczanie JavaScript w dokumencie HTML wewnątrz tagów komentarzy, aby powstrzymać starsze przeglądarki przed wyświetlaniem kodu; Jednak nowe standardy HTML mówią, że przeglądarki powinny automatycznie traktować kod wewnątrz Tagi komentarzy HTML jako komentarze, co powoduje, że przeglądarki ignorują JavaScript.

Jeśli odziedziczyłeś strony HTML od kogoś innego z JavaScript wewnątrz tagów komentarzy, nie musisz dołączać tagów do wybranego i kopiowanego kodu JavaScript.

Na przykład skopiowałbyś tylko pogrubiony kod, pomijając tagi komentarza HTML i w przykładowym kodzie poniżej:

Po wybraniu kodu JavaScript, który chcesz przenieść, wklej go do nowego pliku. Nadaj plikowi nazwę sugerującą działanie skryptu lub identyfikującą stronę, na której należy skrypt.

Daj plik a .js sufiks, abyś wiedział, że plik zawiera JavaScript. Na przykład możemy użyć hello.js jako nazwa pliku do zapisania JavaScript z powyższego przykładu.

Teraz, gdy skrypt JavaScript został skopiowany i zapisany w osobnym pliku, wystarczy odwołać się do zewnętrznego pliku skryptu w naszym pliku Dokument strony HTML.

Najpierw usuń wszystko między tagami skryptu:

Nie informuje to jeszcze strony o tym, jaki skrypt JavaScript ma zostać uruchomiony, dlatego musimy dodać dodatkowy atrybut do samego znacznika script, który informuje przeglądarkę, gdzie znaleźć skrypt.

Nasz przykład będzie teraz wyglądał następująco:

src = "hello.js">

Atrybut src informuje przeglądarkę o nazwie pliku zewnętrznego, z którego należy odczytać kod JavaScript dla tej strony internetowej (czyli hello.js w naszym przykładzie powyżej).

Nie musisz umieszczać wszystkich swoich skryptów JavaScript w tej samej lokalizacji, co dokumenty strony internetowej HTML. Możesz umieścić je w osobnym folderze JavaScript. W takim przypadku wystarczy zmodyfikować wartość w src atrybut, aby uwzględnić lokalizację pliku. Możesz określić dowolny względny lub bezwzględny adres internetowy dla lokalizacji pliku źródłowego JavaScript.

Możesz teraz pobrać dowolny skrypt, który napisałeś, lub dowolny skrypt uzyskany z biblioteki skryptów i przenieść go z kodu strony internetowej HTML do zewnętrznego pliku JavaScript.

Następnie możesz uzyskać dostęp do tego pliku skryptu z dowolnej strony internetowej, po prostu dodając odpowiednie znaczniki skryptu HTML, które wywołują ten plik skryptu.