Tämä opas havainnollistaa tapoja sijoittaa JavaScript HTML-tiedostoon.
Mihin JavaScript sijoitetaan HTML-tiedostoon?
JavaScriptin sijoitus HTML-tiedostossa voi olla:
Lähestymistapa 1: JavaScriptin sijoittaminen HTML-tiedoston -tunnisteeseen
Tässä lähestymistavassa koodin JavaScript-osan sijoittaminen ' ' -tunniste on kuvattu.
Esimerkki
Katsotaanpa alla olevaa esittelyä:
< pää >
< skriptityyppi = 'teksti/javascript' >
Function placementJs ( ) {
hälytys ( 'JavaScriptin sijoitus on -tunnisteen sisällä' )
}
käsikirjoitus >
pää >
< kehon >
< keskusta >< painiketta onclick = 'sijoitteluJs()' > Napsauta Minä -painiketta > keskusta >
kehon >
Yllä olevassa koodinpätkässä:
- Sisällytä koodin JavaScript-osa ' ' -tunnisteen '' avulla ' -tunniste.
- Määritä JS-koodissa funktio nimeltä ' sijoitteluJs() ”. Määrityksessään näyttää ilmoitettu viesti hälytysvalintaikkunan kautta.
- Luo lopuksi HTML-koodiin painike, jossa on ' klikkaamalla ” -tapahtuma, joka ohjaa edellisessä vaiheessa määritettyyn toimintoon painiketta napsauttamalla.
Lähtö
Yllä olevasta lähdöstä voidaan nähdä, että JS-koodi toimii oikein asettamalla se ' ' -tunniste.
Lähestymistapa 2: JavaScriptin sijoittaminen -tunnisteeseen HTML-tiedostossa
Tässä lähestymistavassa JavaScript-koodin sijoittaminen ' ' -tunnistetta HTML-tiedostossa käsitellään.
Esimerkki
Alla oleva esimerkki havainnollistaa esitettyä konseptia:
< kehon >< keskusta >< painiketta onclick = 'sijoitteluJs()' > Napsauta Minä -painiketta > keskusta >
< skriptityyppi = 'teksti/javascript' >
Function placementJs ( ) {
hälytys ( 'JavaScriptin sijoitus on -tunnisteen sisällä' )
}
käsikirjoitus >
kehon >
Yllä olevilla koodiriveillä:
- Sisällä ' ' -tunniste, luo myös painike, joka kutsuu funktion placementJs() -funktion avulla klikkaamalla ' tapahtuma.
- Ilmoita JavaScript-koodilohkossa funktio nimeltä ' sijoitteluJs() ”.
- Tämä toiminto käynnistyy, kun painiketta napsautetaan ja se näyttää ilmoitetun viestin hälytyksenä.
Lähtö
Lähestymistapa 3: JavaScriptin sijoittaminen ulkoiseksi tiedostoksi
Tämä erityinen lähestymistapa sisältää JavaScript-koodilohkon sijoittamisen ulkoiseksi JS-tiedostoksi, jolla on tietty tiedostonimi ja tunniste ' .js ' kohdassa ' src ”-attribuutti.
Esimerkki
Käydään läpi seuraava esimerkki:
< kehon >< keskusta >< painiketta onclick = 'sijoitteluJs()' > Napsauta Minä -painiketta > keskusta >
kehon >
< skriptityyppi = 'teksti/javascript' src = ulkoinen tiedosto. js > käsikirjoitus >
Yllä olevassa HTML-koodissa:
- Muista keskusteltu lähestymistapa JavaScript-toimintoon uudelleenohjaavan painikkeen luomiseen ' sijoitteluJs() ”.
- Tämän jälkeen integroi JavaScript-toiminnot ulkoisen JS-tiedoston avulla, joka on linkitetty kohdassa ' src ”-attribuutti.
Jatketaan alla annettuun JS-koodiin:
Function placementJs ( ) {hälytys ( 'Tämä on ulkoinen JavaScript-tiedosto' )
}
Yllä olevassa koodilohkossa:
- Määritä funktio nimeltä ' sijoitusJS() ”.
- Määritelmänsä mukaan näytä ilmoitettu viesti hälytyksenä painikkeen napsautuksen yhteydessä.
- Tämä lähestymistapa palauttaa saman tuloksen upottamalla sekä HTML- että JavaScript-tiedostot.
Lähtö
Olemme tarjonneet aitoja tietoja JavaScriptin sijoittamisesta HTML-tiedostoon.
Johtopäätös
JavaScriptin sijoitus HTML-tiedostossa voi olla ' '-tunniste, ' '-tunnisteena tai ulkoisena' js-tiedosto ' määrittämällä ' src ”. JavaScript-koodi toimii samalla tavalla, kun se sijoitetaan jompaankumpaan ilmoitetuista tunnisteista. JavaScriptin sijoittaminen ulkoiseksi js-tiedostoksi auttaa kuitenkin koodin uudelleenkäytettävyyttä. Tämä blogi opasti JavaScriptin sijoittamiseen HTML-tiedostoon.