Kan kodeskript lagres i en ekstern fil?

plassering Javascript direkte inn i filen som inneholder HTML for en webside er ideell for korte skript som brukes mens du lærer JavaScript. Når du begynner å lage skript for å gi betydelig funksjonalitet for websiden din, er imidlertid mengden JavaScript kan bli ganske stort, og å inkludere disse store skriptene direkte på websiden gir to problemer:

• Det kan påvirke rangeringen av siden din med de forskjellige søkemotorene hvis JavaScript utgjør en majoritet av sideinnholdet. Dette senker frekvensen av bruk av nøkkelord og uttrykk som identifiserer hva innholdet handler om.
• Det gjør det vanskeligere å bruke den samme JavaScript-funksjonen på flere sider på nettstedet ditt. Hver gang du vil bruke den på en annen side, må du kopiere den og sette den inn på hver ekstra side, pluss eventuelle endringer den nye plasseringen krever.

Det er mye bedre hvis vi gjør JavaScript uavhengig av websiden som bruker den.

Heldigvis utviklere av HTML og JavaScript har gitt en løsning på dette problemet. Vi kan flytte JavaScripts fra hjemmesiden og fremdeles ha den samme funksjonen.

Det første vi trenger å gjøre for å lage en JavaScript ekstern til siden som bruker den, er å velge selve JavaScript-koden (uten de omkringliggende HTML-skriptkodene) og kopier den til en egen fil.

Hvis for eksempel skriptet er på siden vår, vil vi velge og kopiere delen med fet skrift:

Det pleide å være en praksis å plassere JavaScript i et HTML-dokument inne i kommentarmerker for å hindre at eldre nettlesere viser koden; nye HTML-standarder sier imidlertid at nettlesere automatisk skal behandle koden i HTML-kommentarmerker som kommentarer, og dette resulterer i at nettlesere ignorerer Javascript.

Hvis du har arvet HTML-sider fra noen andre med JavaScript inne i kommentarmerker, trenger du ikke å ta med kodene i JavaScript-koden du velger og kopierer.

For eksempel vil du bare kopiere den dristige koden og legge igjen HTML-kommentar kodene og i kodeprøven nedenfor:

Når du har valgt JavaScript-koden du vil flytte, lim den inn i en ny fil. Gi filen et navn som antyder hva skriptet gjør eller identifiserer siden der skriptet hører hjemme.

Gi filen en JS suffiks slik at du vet at filen inneholder JavaScript. For eksempel kan vi bruke hello.js som navnet på filen for lagring av JavaScript fra eksemplet ovenfor.

Nå som vi har JavaScript kopiert og lagret i en egen fil, er alt vi trenger å gjøre å henvise til den eksterne skriptfilen på vår HTML-webside.

Slett først alt mellom skriptkodene:

Dette forteller ikke siden hvilken JavaScript som skal kjøres ennå, så vi må neste legge til en ekstra attributt til selve skriptkoden som forteller nettleseren hvor skriptet skal finnes.

Eksempelet vårt vil nå se slik ut:

src = ""> hello.js

Src-attributtet forteller nettleseren navnet på den eksterne filen der JavaScript-koden for denne websiden skal leses (som er hello.js i vårt eksempel ovenfor).

Du trenger ikke å plassere alle dine JavaScripts på samme sted som HTML-dokumentene på websiden. Det kan være lurt å legge dem inn i en egen JavaScript-mappe. I dette tilfellet endrer du bare verdien i src attributt for å inkludere filens plassering. Du kan spesifisere hvilken som helst relativ eller absolutt nettadresse for plasseringen av JavaScript-kildefilen.

Du kan nå ta et hvilket som helst skript du har skrevet, eller et hvilket som helst skript du har fått fra et skriptbibliotek og flytte det fra HTML-koden til en ekstern JavaScript-fil.

Du kan deretter få tilgang til den skriptfilen fra hvilken som helst webside bare ved å legge til passende HTML-skriptkoder som kaller den skriptfilen.