Kan kodeskripter gemmes i en ekstern fil?

anbringelse JavaScripts direkte ind i filen, der indeholder HTML til en webside, er ideel til korte scripts, der bruges, mens du lærer JavaScript. Når du begynder at oprette scripts for at give betydelig funktion til din webside, er imidlertid mængden af JavaScript kan blive ret stort, og med at inkludere disse store scripts direkte på websiden er der to problemer:

• Det kan påvirke rangeringen af ​​din side med de forskellige søgemaskiner, hvis JavaScript udgør en størstedel af delens sideindhold. Dette sænker hyppigheden af ​​brug af nøgleord og sætninger, der identificerer, hvad indholdet handler om.
• Det gør det sværere at genbruge den samme JavaScript-funktion på flere sider på dit websted. Hver gang du vil bruge den på en anden side, skal du kopiere den og indsætte den på hver ekstra side plus eventuelle ændringer, som den nye placering kræver.

Det er meget bedre, hvis vi gør JavaScript uafhængigt af den webside, der bruger den.

Heldigvis udviklere

Den første ting, vi skal gøre for at lave en JavaScript ekstern til siden, der bruger den, er at vælge selve selve JavaScript-koden (uden de omkringliggende HTML-script-tags) og kopier den til en separat fil.

For eksempel, hvis følgende script er på vores side, vil vi vælge og kopiere delen med fed skrift:

Tidligere var det en praksis at placere JavaScript i et HTML-dokument inde i kommentar tags for at forhindre ældre browsere i at vise koden; nye HTML-standarder siger dog, at browsere automatisk skal behandle koden inde i HTML-kommentar tags som kommentarer, og dette resulterer i, at browsere ignorerer dit Javascript.

Hvis du har arvet HTML-sider fra en anden med JavaScript inde i kommentar tags, behøver du ikke at inkludere tags i den JavaScript-kode, du vælger og kopierer.

For eksempel kopierer du kun den dristige kode og udelader HTML-kommentar tags og i kodeprøven nedenfor:

Når du har valgt den JavaScript-kode, du vil flytte, skal du indsætte den i en ny fil. Giv filen et navn, der antyder, hvad scriptet gør eller identificerer den side, hvor scriptet hører hjemme.

Giv filen en .js suffiks, så du ved, at filen indeholder JavaScript. For eksempel kan vi bruge hello.js som navnet på filen til at gemme JavaScript fra eksemplet ovenfor.

Nu hvor vi har vores JavaScript kopieret og gemt i en separat fil, er alt, hvad vi skal gøre, at henvise til den eksterne script-fil på vores HTML-webside dokument.

Slet først alt mellem script-tags:

Dette fortæller ikke siden, hvilken JavaScript der skal køres, så vi skal derefter tilføje en ekstra attribut til selve script-mærket, der fortæller browseren, hvor man skal finde scriptet.

Vores eksempel vil nu se sådan ud:

src = "hello.js">

Src-attributten fortæller browseren navnet på den eksterne fil, hvorfra JavaScript-koden til denne webside skal læses (som er hello.js i vores eksempel ovenfor).

Du behøver ikke at placere alle dine JavaScripts på samme sted som dine HTML-websidedokumenter. Du ønsker måske at placere dem i en separat JavaScript-mappe. I dette tilfælde ændrer du blot værdien i src attribut til at inkludere filens placering. Du kan angive en hvilken som helst relativ eller absolut webadresse for placeringen af ​​JavaScript-kildefilen.

Du kan nu tage ethvert script, du har skrevet, eller ethvert script, som du har fået fra et scriptbibliotek, og flytte det fra HTML-webside-koden til en eksternt refereret JavaScript-fil.

Du kan derefter få adgang til denne scriptfil fra en hvilken som helst webside ved blot at tilføje de relevante HTML-script-tags, der kalder den script-fil.