Mentheti a kódszkripteket egy külső fájlba?

forgalomba JavaScriptek közvetlenül a weboldal HTML-jét tartalmazó fájlba ideális a rövid szkriptekhez, amelyeket a JavaScript tanulása során használnak. Amikor elkezdi a parancsfájlok létrehozását, hogy jelentős funkcionalitást biztosítson a weblap számára, a A JavaScript meglehetősen nagymá válhat, és ezeknek a nagy szkripteknek a közvetlenül a weboldalra történő beillesztése két problémát jelent:

• Ez befolyásolhatja az Ön oldalának rangsorolását a különféle keresőmotorokban, ha a JavaScript az oldal tartalmának nagy részét foglalja el. Ez csökkenti a kulcsszavak és kifejezések használatának gyakoriságát, amelyek meghatározzák, mi a tartalom.
• Megnehezíti ugyanazon JavaScript szolgáltatás újbóli felhasználását a webhely több oldalán. Minden alkalommal, amikor egy másik oldalon szeretné használni, másolnia kell, és be kell illesztenie minden egyes további oldalra, valamint minden új változtatáshoz, amelyet az új hely igényel.

Sokkal jobb, ha a JavaScriptet függetlenné teszjük az azt használó weboldaltól.

Szerencsére a fejlesztők A HTML és a JavaScriptek megoldást kínáltak erre a problémára. Kihúzhatjuk a JavaScriptet a weboldalról, és továbbra is pontosan ugyanazzal a funkcióval rendelkezik.

Az első dolog, amelyet meg kell tennünk a JavaScript használatához az azt használó oldalon, az a kiválasztás magát a tényleges JavaScript-kódot (a környező HTML szkriptcímkék nélkül), és másolja be külön fájlt.

Például, ha a következő szkript található az oldalunkon, akkor a részt félkövér betűvel választanánk és másolnánk:

A szokásos gyakorlatként a JavaScriptet HTML-dokumentumba helyezték a megjegyzéscímkék belsejében, hogy megakadályozzák a régebbi böngészőket a kód megjelenítésében; Az új HTML szabványok szerint azonban a böngészőknek automatikusan kezelniük kell a benne lévő kódot HTML megjegyzéscímkék megjegyzésként, és ennek eredményeként a böngészők figyelmen kívül hagyják a Javascript-et.

Ha valaki mástól HTML-oldalakat örökölt, amelyekben a JavaScript a megjegyzéscímkékben van, akkor nem kell beírnia a címkéket a kiválasztott és lemásolt JavaScript-kódba.

Például, csak a félkövér kódot másolja, és elhagyja a HTML megjegyzéscímkéket és az alábbi kódmintában:

Miután kiválasztotta az áthelyezni kívánt JavaScript kódot, illessze be egy új fájlba. Adjon nevet a fájlnak, amely jelzi, hogy a szkript mit csinál, vagy azonosítja azt az oldalt, amelybe a szkript tartozik.

Adja meg a fájlt Js utótag, hogy tudd, hogy a fájl JavaScriptet tartalmaz. Például használhatjuk hello.js mint a JavaScript nevét a fenti példából menti a fájl neve.

Most, hogy a JavaScriptet átmásoltuk és külön fájlba mentettük, csak annyit kell tennünk, hogy hivatkozunk a külső szkriptfájlra a HTML weboldal dokumentum.

Először töröljön mindent a szkriptcímkék között:

Ez még nem mondja meg az oldalnak, hogy melyik JavaScript-et kell futtatni, ezért a következő parancshoz hozzáadnunk kell egy további attribútumot is a szkriptcímkéhez, amely megmondja a böngészőnek, hogy hol kell megtalálni a szkriptet.

Példánk most így néz ki:

src = "hello.js">

Az src attribútum megmondja a böngészőnek annak a külső fájlnak a nevét, ahonnan be kell olvasni a weboldal JavaScript kódját (ami hello.js a fenti példánkban).

Nem kell, hogy az összes JavaScriptet ugyanabba a helyre tegye, mint a HTML weblap dokumentumait. Érdemes lehet külön JavaScript mappába helyezni. Ebben az esetben csak módosítsa az értéket a src attribútum, amely tartalmazza a fájl helyét. Megadhat bármilyen relatív vagy abszolút webcímet a JavaScript forrásfájljának helyéhez.

Most már bármilyen írott szkriptet vagy bármilyen szkriptet, amelyet megszerezhet egy szkriptkönyvtárból, áthelyezheti a HTML weblapkódból egy külsőleg hivatkozott JavaScript fájlba.

Ezután bármilyen weboldalról hozzáférhet ehhez a szkriptfájlhoz, egyszerűen hozzáfűzve a megfelelő HTML szkriptcímkéket, amelyek meghívják az adott szkriptfájlt.