Betöltés
A javascriptek betöltésének leírása
Betöltés
A scripteket általában egy külön fájlban tároljuk, ".js" kiterjesztéssel, pl. script.js
A Javascript-ek betöltése régen a HTML fejlécében (head) történt, manapság a /BODY tag elé szokták tenni, de a BODY nyitó és zárótag között bárhol lehetnek, az alábbi módon:
<html>
<head>
<script type="text/javascript" src="scriptfájlhoz vezető link" ></script>
</head>
<body>
Szöveg és oldal tartalma jön ide minden más html forráskóddal
Itt is be lehet tölteni a javascriptet
<script type="text/javascript" src="scriptfájlhoz vezető link" ></script>
Mégtöbb szöveg és szöveg, sok sok tartalommal, nem számít, mert a script betöltődik a szövegek közé, és ott is
végre tudja hajtani a böngésző
Vagy a szöveg legvégén, itt:
<script type="text/javascript" src="scriptfájlhoz vezető link" ></script>
</body>
</html>
A fájl betöltése után a böngészőnk automatikusan végrehajtja a benne található kisebb vagy nagyobb program scripteket.
A "scriptfájlhoz vezető linkkel" vigyázni kell. Amikor még a tanuló fázisban vagyunk és minden fájlt egy könyvtárban helyezünk el (a script.js az index.html mellett található), akkor nem gond, ha csak annyit írunk, hogy:
<html>
<head>
</head>
<body>
Szöveg és oldal tartalma jön ide minden más html forráskóddal
<script type="text/javascript" src="script.js" ></script>
</body>
</html>
Amennyiben a scripteket tartalmazó fájlunkat más könyvtárban helyezzük el, pl. "js/script.js", ebben az esetben már nem elég, a teljes útvonalat meg kell adnunk:
<html>
<head>
</head>
<body>
Szöveg és oldal tartalma jön ide minden más html forráskóddal
<script type="text/javascript" src="/js/script.js" ></script>
</body>
</html>
A weboldalt működtető gép számára a linkben szereplő összes / jel az alapcím után, egy könyvtárat jelent, tehát, ha az oldalunk címe: "wannacode.com" akkor a jelenlegi lecke címe esetében "wannacode.com/course/category/javascript/javascript-load" azt jelenti, hogy a tartalom a "course" könyvtáron belül tartalmaz egy "category" könyvtárat, azon belül egy "js" könyvtárat majd azon belül egy "javascript-load" könyvtárat.
Amikor megadjuk a linket a fájlhoz, lényegében a fájlhoz vezető útvonalat adjuk meg. A böngészők működése alapján a beírt linket, hogyha az nem teljes link (nem kezdődik http://-el vagy //-el), akkor az oldal címéhez fűzi hozza, a címben található utolsó "/" jel után, tehát ha azt írjuk, hogy "script.js" és a jelenlegi oldal linkjét vesszük, akkor az eredmény:
http://wannacode.com/course/category/javascript/javascript-load/script.js
Ha a főoldalon vagyunk és szintén csak a "script.js" van beírva a címhez, akkor a végeredmény lesz:
http://wannacode.com/script.js
Ebből is látszik, hogy ez két teljesen különböző cím, ami azt jelentené, hogy kellene létezzen az alábbi két cím alapján két különböző js fájlunk. Mivel a scripteket néha külön-külön fájlokba írják (pl: home.js, video_player.js), a jobban átláthatóság érdekében, és azért, hogy minnél kevesebb felesleges script legyen betöltve az oldalunkra, ezért ez problémát okozhat, mert valamelyik oldalon nem töltődne be a js fájl. Ez az oldalon nem biztos, hogy okozna hibát, viszont az oldalunkon különböző dolgok lehet, hogy nem működnének. Vigyázni kell azzal is, hogy, ha az egyik javascript fájlban írt kis programnak használnia kell egy másik fájlban megírtat, mielőtt elkezdne működni a program, kötelező módon léteznie kell már a használandónak.
Ennek elkerülése érdekében a címet mindig kezdjük egy "/" jellel, ami azt jelenti, hogy az alap címtől kezdve adjuk meg az útvonalat, pl: "/js/script.js", melynek az eredménye függetlenül attól, hogy melyik aloldalon vagyunk épp, a következő lesz:
http://wannacode.com/js/script.js
Ha "http://"-vel kezdjük a címet, akkor ilyen problémánk nem akadhat, de ebben az esetben az oldal elköltöztetésénél kell vigyázni.
2. betöltési lehetőség
Ha lesznek olyan stílusok amiket nem szeretnénk kirakni javascript fájlba, akkor azok beírhatóak szintén a body nyitó és zárótag közé, a következőképpen:
<html>
<head>
</head>
<body>
Szöveg és oldal tartalma jön ide minden más html forráskóddal
<script type="text/javascript" >
Ide írhatjuk a kis programunkat
</script>
</body>
</html>
Továbbá vigyázni kell arra is, hogy a scriptünk a betöltődés után rögtön megpróbál működésbe lépni, ezért ha a fejlécbe írjuk és hivatkozna egy az oldalon szereplő elemre, az nem működne, mivel a fejléc részben még nincs ott a HTML tartalom, így az adott elem hiányozna.
- Előző lecke: A Javascriptről
- Következő lecke: Változók
Részletek
- Megtekintve: 480
- Haszontalannak jelölve: 1
- Hasznosnak jelölve: 1
- Értékelés: