Постављање ЈаваСцриптс директно у датотеку која садржи ХТМЛ за веб страницу идеалан је за кратке скрипте коришћене током учења ЈаваСцрипта. Када почнете да стварате скрипте за пружање значајне функционалности за своју веб страницу, међутим, количина ЈаваСцрипт може постати прилично велик, а укључивање ових великих скрипти директно на веб страницу представља два проблема:
- То може утицати на рангирање ваше странице код различитих претраживача ако ЈаваСцрипт заузима већину дела садржаја странице. Ово смањује учесталост употребе кључних речи и фраза које идентификују о чему се ради.
- Тешко је поново користити исту ЈаваСцрипт функцију на више страница на вашој веб локацији. Сваки пут када га желите користити на другој страници, мораћете да је копирате и убацујете на сваку додатну страницу, плус све промене које нова локација захтева.
Много је боље ако ЈаваСцрипт учинимо неовисним о веб страници која га користи.
Одабир ЈаваСцрипт кода за премештање
Срећом програмерима ХТМЛ и ЈаваСцрипт су решили овај проблем. Наше ЈаваСцриптс можемо да преместимо са веб странице и да још увек функционишу на исти начин.
Прво што морамо учинити да направимо ЈаваСцрипт изван странице која га користи је да одаберемо стварни ЈаваСцрипт код (без околних ознака ХТМЛ скрипте) и копирајте га у засебно датотека.
На пример, ако је следећа скрипта на нашој страници, ми бисмо одабрали и копирали део подебљано:
Некада је била пракса да се ЈаваСцрипт стави у ХТМЛ документ унутар ознака коментара како би се старији прегледачи приказивали кодом; међутим, нови ХТМЛ стандарди кажу да би прегледачи аутоматски требали третирати код унутар Ознаке ХТМЛ коментара као коментари, а то резултира у томе да прегледачи занемарују ваш Јавасцрипт.
Ако сте наследили ХТМЛ странице од неког другог с ЈаваСцрипт-ом унутар ознака коментара, тада не морате да стављате ознаке у ЈаваСцрипт код који сте одабрали и копирали.
На пример, копирали бисте само подебљани код, не остављајући ХТМЛ ознаке коментара и у доњем узорку кода:
Спремање ЈаваСцрипт кода као датотеке
Након што одаберете ЈаваСцрипт код који желите да преместите, залепите га у нову датотеку. Дајте датотеци име које сугерише шта скрипта ради или идентификује страницу на којој сценариј припада.
Дајте датотеци а .јс суфикс тако да знате да датотека садржи ЈаваСцрипт. На пример, можемо да користимо хелло.јс као име датотеке за чување ЈаваСцрипт-а из горњег примера.
Повезивање са спољним писмом
Сада када смо ЈаваСцрипт копирали и сачували у засебну датотеку, све што треба да урадимо је да референцирамо датотеку спољне скрипте на нашу Документ ХТМЛ веб странице.
Прво избришите све између ознака скрипта:
На овој страници се још увек не говори који ЈаваСцрипт треба да покреће, па ћемо морати да додамо додатни атрибут самој ознаци скрипта која каже прегледачу где да пронађе скрипту.
Наш пример ће сада изгледати овако:
срц = "хелло.јс">
Атрибут срц каже прегледачу име спољне датотеке са које треба да се чита ЈаваСцрипт код ове веб странице (што је хелло.јс у нашем горњем примеру).
Не морате све своје ЈаваСцрипте постављати на исто место као и ваше ХТМЛ веб странице. Можда их желите да сместите у засебну ЈаваСцрипт фасциклу. У овом случају само мењате вредност у срц атрибут да укључује локацију датотеке. Можете одредити било коју релативну или апсолутну веб адресу за локацију изворне ЈаваСцрипт датотеке.
Користећи оно што знате
Сада можете узети било коју скрипту коју сте написали или било коју скрипту коју сте добили из библиотеке скрипти и преместити је са ХТМЛ кода веб странице у ЈаваСцрипт датотеку са спољне референце.
Тада можете приступити тој датотеци скрипте са било које веб странице једноставно додавањем одговарајућих ознака ХТМЛ скрипте која позива ту датотеку скрипте.