Voivatko koodiskriptit tallentaa ulkoiseen tiedostoon?

saattamisesta JavaScript suoraan verkkosivun HTML-tiedostoon sisältävään tiedostoon on ihanteellinen lyhyille skripteille, joita käytetään JavaScriptin oppimisessa. Kun aloitat skriptien luomisen Web-sivullesi merkittävien toimintojen tarjoamiseksi, määrän JavaScript voi tulla melko suuri, ja näiden suurten komentosarjojen sisällyttäminen suoraan verkkosivulle aiheuttaa kaksi ongelmaa:

• Se voi vaikuttaa sivusi sijoitukseen eri hakukoneissa, jos JavaScript vie suurimman osan sivun sisällöstä. Tämä vähentää avainsanojen ja ilmausten käyttöä, jotka tunnistavat sisällön.
• Saman JavaScript-ominaisuuden uudelleenkäyttö on vaikeampaa verkkosivustosi useilla sivuilla. Joka kerta, kun haluat käyttää sitä eri sivulla, sinun on kopioitava se ja asetettava se jokaiselle lisäsivulle sekä uuden sijainnin edellyttämät muutokset.

On paljon parempi, jos teemme JavaScriptin riippumattomaksi sitä käyttävältä verkkosivulta.

Onneksi kehittäjät HTML- ja JavaScript-versiot ovat tarjonneet ratkaisun tähän ongelmaan. Voimme siirtää JavaScripts -sivumme pois verkkosivulta ja pitää sen edelleen toiminnassa täsmälleen samalla tavalla.

Ensimmäinen asia, joka meidän on tehtävä JavaScriptin luomiseksi sitä käyttävän sivun ulkopuolelle, on valinta varsinainen JavaScript-koodi itse (ilman ympäröivää HTML-komentotunnistetta) ja kopioi se erilliseen tiedosto.

Esimerkiksi, jos seuraava skripti on sivumme, valitsemme ja kopioimme osan lihavoituna:

Aikaisemmin käytännössä JavaScriptiä laitettiin HTML-asiakirjaan kommenttien sisällä, jotta vanhemmat selaimet eivät näyttäisi koodia. Uusissa HTML-standardeissa kuitenkin todetaan, että selainten tulee käsitellä automaattisesti koodia HTML-kommenttitagit kommenttina, ja tämä johtaa siihen, että selaimet jättävät Javascriptisi huomiotta.

Jos olet perinyt HTML-sivuja joltakin toiselta, jolla JavaScript on kommenttien sisällä, sinun ei tarvitse lisätä tunnisteita valitsemasi ja kopioitavan JavaScript-koodin alle.

Kopioit esimerkiksi vain lihavoidun koodin jättämättä HTML-kommenttitageja ja alla olevassa koodinäytteessä:

Kun olet valinnut siirrettävän JavaScript-koodin, liitä se uuteen tiedostoon. Anna tiedostolle nimi, joka ehdottaa, mitä skripti tekee, tai tunnistaa sivun, johon skripti kuuluu.

Anna tiedosto a Js jälkiliite, jotta tiedät, että tiedosto sisältää JavaScriptin. Voimme esimerkiksi käyttää hello.js tiedoston nimellä JavaScriptin tallentamiseksi yllä olevasta esimerkistä.

Nyt kun JavaScript on kopioitu ja tallennettu erilliseen tiedostoon, meidän tarvitsee vain viitata ulkoiseen skriptitiedostoomme HTML-verkkosivut.

Poista ensin kaikki komentotunnisteiden välistä:

Tämä ei vielä kerro sivulle, mitä JavaScriptiä suoritetaan, joten meidän on seuraavaksi lisättävä itse skriptitunnisteeseen lisäominaisuus, joka kertoo selaimelle, mistä skripti löytyy.

Esimerkki näyttää nyt seuraavalta:

src = "hello.js">

Src-attribuutti kertoo selaimelle sen ulkoisen tiedoston nimen, josta tämän verkkosivun JavaScript-koodi tulisi lukea (mikä on hello.js yllä olevassa esimerkissä).

Kaikkien JavaScripts-tiedostojesi ei tarvitse laittaa samaan kohtaan kuin HTML-verkkosivut. Voit ladata ne erilliseen JavaScript-kansioon. Tässä tapauksessa muokkaat vain arvoa src määrite, joka sisältää tiedoston sijainnin. Voit määrittää minkä tahansa suhteellisen tai ehdoton Web-osoitteen JavaScriptin lähdetiedoston sijaintiin.

Voit nyt ottaa minkä tahansa kirjoittamasi komentosarjan tai minkä tahansa skriptin, jonka olet hankkinut skriptikirjastosta, ja siirtää sen HTML-verkkosivukoodista ulkoisesti viitattuun JavaScript-tiedostoon.

Voit sitten käyttää kyseistä skriptitiedostoa millä tahansa verkkosivulla lisäämällä vain asianmukaiset HTML-skriptitunnisteet, jotka kutsuvat kyseistä skriptitiedostoa.