Могат ли скриптове с код да се запазят във външен файл?

Поставяне JavaScripts директно във файла, съдържащ HTML за уеб страница, е идеален за кратки скриптове, използвани при изучаване на JavaScript. Когато започнете да създавате скриптове, за да осигурите значителна функционалност на вашата уеб страница, обаче количеството JavaScript може да стане доста голям и включването на тези големи скриптове директно в уеб страницата създава два проблема:

• Това може да повлияе на класирането на вашата страница с различните търсачки, ако JavaScript заема по-голямата част от съдържанието на страницата. Това намалява честотата на използване на ключови думи и фрази, които идентифицират за какво е съдържанието.
• Затруднява повторното използване на една и съща функция на JavaScript на няколко страници на вашия уебсайт. Всеки път, когато искате да го използвате на друга страница, ще трябва да го копирате и вмъквате във всяка допълнителна страница, плюс всички промени, които новото местоположение изисква.

Много по-добре е, ако направим JavaScript независим от уеб страницата, която го използва.

За щастие разработчиците на HTML и JavaScript са разрешили този проблем. Можем да преместим нашите JavaScripts от уеб страницата и все още да работим точно така.

Първото нещо, което трябва да направим, за да направим JavaScript извън страницата, която го използва, е да изберете самият действителен JavaScript код (без заобикалящите маркери на HTML скрипт) и го копирайте в отделен файл.

Например, ако следният скрипт е на нашата страница, ние ще изберете и копираме частта с удебелен шрифт:

Имаше практика да се поставя JavaScript в HTML документ вътре в маркери за коментари, за да се предотврати показването на кода на по-старите браузъри; Но новите стандарти за HTML казват, че браузърите трябва автоматично да обработват кода в HTML маркери за коментари като коментари и това води до това, че браузърите игнорират вашия Javascript.

Ако сте наследили HTML страници от някой друг с JavaScript вътре в маркерите за коментари, не е необходимо да включвате маркерите в избрания и копиран от вас JavaScript код.

Например, вие бихте копирали само удебеления код, без да оставяте HTML маркерите за коментари и в кодовата извадка по-долу:

След като сте избрали JavaScript кода, който искате да преместите, го поставете в нов файл. Дайте име на файла, което подсказва какво прави скриптът или идентифицира страницата, където скриптът принадлежи.

Дайте файла .js суфикс, така че да знаете, че файлът съдържа JavaScript. Например можем да използваме hello.js като име на файла за запазване на JavaScript от горния пример.

Сега, след като нашия JavaScript е копиран и записан в отделен файл, всичко, което трябва да направим, е да посочите външния скрипт на нашия Документ за HTML уеб страница.

Първо, изтрийте всичко между маркерите на скрипта:

Това все още не казва на страницата какъв JavaScript да стартира, затова следва да добавим допълнителен атрибут към самия таг на скрипта, който казва на браузъра къде да намери скрипта.

Нашият пример сега ще изглежда така:

SRC = ""> hello.js

Атрибутът src казва на браузъра името на външния файл, откъдето трябва да се чете JavaScript кодът за тази уеб страница (което е hello.js в нашия пример по-горе).

Не е нужно да поставяте всичките си JavaScripts на едно и също място като документите на вашата уеб страница в HTML. Може да искате да ги поставите в отделна папка с JavaScript. В този случай просто променяте стойността в SRC атрибут за включване на местоположението на файла. Можете да посочите всеки относителен или абсолютен уеб адрес за местоположението на изходния файл на JavaScript.

Сега можете да вземете всеки сценарий, който сте написали, или който и да е скрипт, който сте получили от библиотеката на скриптове, и да го преместите от кода на HTML уеб страницата във външен препратен JavaScript файл.

След това можете да получите достъп до този скриптов файл от която и да е уеб страница, просто като добавите подходящите маркери на HTML скриптове, които извикват този скриптов файл.