See juhend illustreerib lähenemisviise JavaScripti paigutamiseks HTML-faili.
Kuhu HTML-failis JavaScripti paigutada?
JavaScripti paigutus HTML-failis võib olla:
1. lähenemisviis: JavaScripti paigutamine HTML-faili märgendisse
Selle lähenemisviisi korral paigutatakse koodi JavaScripti osa jaotisesse '
Näide
Anname ülevaate allolevast demonstratsioonist:
< pea >
< skripti tüüp = 'text/javascript' >
funktsiooni paigutusJs ( ) {
hoiatus ( 'JavaScripti paigutus on märgendis ' )
}
stsenaarium >
pea >
< keha >
< Keskus >< nupp onclick = 'placementJs()' > Klõpsake Mina nuppu > Keskus >
keha >
Ülaltoodud koodilõigul:
- Kaasake koodi JavaScripti osa '
' sildi ' abil ” silti. - Määrake JS-koodis funktsioon nimega ' paigutusJs() ”. Selle määratluses kuvage märgitud teade hoiatuse dialoogiboksi kaudu.
- Lõpuks looge HTML-koodis nupp, millel on ' onclick ” sündmus, mis suunab nupu klõpsamisel ümber eelmises etapis määratletud funktsioonile.
Väljund
Ülaltoodud väljundis on näha, et JS-kood töötab korralikult, asetades selle jaotisesse '
2. lähenemisviis: JavaScripti paigutamine HTML-faili märgendisse
Selle lähenemisviisi korral on JavaScripti koodi paigutamine
Näide
Allpool toodud näide illustreerib esitatud kontseptsiooni:
< keha >< Keskus >< nupp onclick = 'placementJs()' > Klõpsake Mina nuppu > Keskus >
< skripti tüüp = 'text/javascript' >
funktsiooni paigutusJs ( ) {
hoiatus ( 'JavaScripti paigutus on märgendis ' )
}
stsenaarium >
keha >
Ülaltoodud koodiridades:
- „
” märgend, loo samuti nupp, mis kutsub esile funktsiooni placementJs() abiga „ onclick ” sündmus. - Deklareerige JavaScripti koodiplokis funktsioon nimega ' paigutusJs() ”.
- See funktsioon käivitatakse nupu klõpsamisel ja kuvatakse hoiatuse kaudu märgitud teade.
Väljund
3. lähenemisviis: JavaScripti paigutamine välisfailina
See konkreetne lähenemine hõlmab JavaScripti koodiploki paigutamist välise JS-failina, millel on konkreetne failinimi laiendiga ' .js ' jaotises ' src ” atribuut.
Näide
Vaatame läbi järgmise näite:
< keha >< Keskus >< nupp onclick = 'placementJs()' > Klõpsake Mina nuppu > Keskus >
keha >
< skripti tüüp = 'text/javascript' src = väline fail. js > stsenaarium >
Ülaltoodud HTML-koodis:
- Tuletage meelde käsitletud lähenemisviisi JavaScripti funktsioonile ümbersuunava nupu loomiseks ' paigutusJs() ”.
- Pärast seda integreerige JavaScripti funktsioonid välise JS-faili abil, mis on lingitud jaotises ' src ” atribuut.
Liigume edasi alltoodud JS-koodi juurde:
funktsiooni paigutusJs ( ) {hoiatus ( 'See on väline JavaScripti fail' )
}
Ülaltoodud koodiplokis:
- Määrake funktsioon nimega ' paigutusJS() ”.
- Selle definitsiooni kohaselt kuvab märgitud teade nupu klõpsamisel märguande kaudu.
- See lähenemisviis annab tulemuseks sama tulemuse, manustades nii HTML- kui ka JavaScript-failid.
Väljund
Oleme pakkunud autentset teavet JavaScripti HTML-faili paigutamise kohta.
Järeldus
JavaScripti paigutus HTML-failis võib olla '