Ez az útmutató bemutatja a JavaScript HTML-fájlba helyezésének módjait.
Hol kell elhelyezni a JavaScriptet HTML-fájlban?
A JavaScript elhelyezése egy HTML fájlban lehet:
1. megközelítés: JavaScript elhelyezése a címkén belül egy HTML-fájlban
Ebben a megközelítésben a kód JavaScript részének elhelyezése a „
Példa
Tekintsük át az alábbi bemutatót:
< fej >
< script típus = 'text/javascript' >
függvény elhelyezésJs ( ) {
éber ( 'A JavaScript elhelyezése a címkén belül van' )
}
forgatókönyv >
fej >
< test >
< központ >< gomb onclick = 'placementJs()' > Kattints ide gomb > központ >
test >
A fenti kódrészletben:
- Szerelje be a kód JavaScript részét a „
' címke segítségével a ' ” címke. - A JS kódban definiáljon egy ' nevű függvényt elhelyezésJs() ”. Definíciójában jelenítse meg a megadott üzenetet a figyelmeztető párbeszédpanelen keresztül.
- Végül a HTML kódban hozzon létre egy gombot, amelynek kattintásra ” esemény, amely az előző lépésben meghatározott funkcióra irányít át a gombra kattintásra.
Kimenet
A fenti kimeneten látható, hogy a JS kód megfelelően működik, ha a „
2. megközelítés: JavaScript elhelyezése a címkén belül egy HTML-fájlban
Ebben a megközelítésben a JavaScript kód elhelyezése a „
Példa
Az alábbi példa szemlélteti a megfogalmazott koncepciót:
< test >< központ >< gomb onclick = 'placementJs()' > Kattints ide gomb > központ >
< script típus = 'text/javascript' >
függvény elhelyezésJs ( ) {
éber ( 'A JavaScript elhelyezése a címkén belül van' )
}
forgatókönyv >
test >
A fenti kódsorokban:
- Belül '
” címke, hasonlóképpen hozzon létre egy gombot, amely meghívja a placementJs() függvényt a „ kattintásra ” esemény. - A JavaScript kódblokkban deklaráljon egy ' nevű függvényt elhelyezésJs() ”.
- Ez a funkció a gombra kattintva aktiválódik, és riasztással megjeleníti a megadott üzenetet.
Kimenet
3. megközelítés: A JavaScript elhelyezése külső fájlként
Ez a speciális megközelítés magában foglalja egy JavaScript kódblokk elhelyezését külső JS-fájlként, amely az adott fájlnévvel és kiterjesztéssel rendelkezik ' .js ' ban,-ben ' src ' tulajdonság.
Példa
Nézzük végig a következő példát:
< test >< központ >< gomb onclick = 'placementJs()' > Kattints ide gomb > központ >
test >
< script típus = 'text/javascript' src = külső fájl. js > forgatókönyv >
A fenti HTML kódban:
- Emlékezzünk vissza a tárgyalt megközelítésre a JavaScript függvényre átirányító gomb létrehozására. elhelyezésJs() ”.
- Ezután integrálja a JavaScript funkciókat egy külső JS-fájl segítségével, amely a megadott fájlnévvel van összekapcsolva a ' src ' tulajdonság.
Térjünk át az alábbi JS kódra:
függvény elhelyezésJs ( ) {éber ( 'Ez egy külső JavaScript fájl' )
}
A fenti kódblokkban:
- Határozzon meg egy '' nevű függvényt elhelyezésJS() ”.
- Definíciójában a megadott üzenetet riasztással jelenítse meg a gomb kattintásakor.
- Ez a megközelítés ugyanazt az eredményt adja vissza a HTML- és a JavaScript-fájlok beágyazásával.
Kimenet
Hiteles információkat kínálunk a JavaScript HTML-fájlba helyezésével kapcsolatban.
Következtetés
A JavaScript elhelyezése egy HTML fájlban lehet a '