Táto príručka bude ilustrovať prístupy k umiestneniu JavaScriptu do súboru HTML.
Kam umiestniť JavaScript v súbore HTML?
Umiestnenie JavaScriptu v súbore HTML môže byť v:
Prístup 1: Umiestnenie JavaScriptu v rámci značky v súbore HTML
Pri tomto prístupe je umiestnenie časti kódu JavaScript v rámci „ ” bude ilustrovaný.
Príklad
Urobme si prehľad nižšie uvedenej demonštrácie:
< hlavu >
< typ skriptu = 'text/javascript' >
umiestnenie funkcieJs ( ) {
upozorniť ( 'Umiestnenie JavaScriptu je v rámci značky ' )
}
skript >
hlavu >
< telo >
< stred < tlačidlo onclick = 'placementJs()' > Klikni na mňa tlačidlo > stred >
telo >
Vo vyššie uvedenom útržku kódu:
- Zahrňte časť kódu JavaScript do „ ” tag s pomocou “ ” tag.
- V kóde JS definujte funkciu s názvom „ umiestnenieJs() “. V jeho definícii zobraziť uvedenú správu cez dialógové okno výstrahy.
- Nakoniec v kóde HTML vytvorte tlačidlo s „ po kliknutí ” udalosť, ktorá po kliknutí na tlačidlo presmeruje na funkciu definovanú v predchádzajúcom kroku.
Výkon
Vo vyššie uvedenom výstupe je možné vidieť, že kód JS funguje správne umiestnením do „ ” tag.
Prístup 2: Umiestnenie JavaScriptu v rámci značky v súbore HTML
V tomto prístupe umiestnenie kódu JavaScript v rámci „ ” tag v súbore HTML.
Príklad
Nižšie uvedený príklad ilustruje uvedený koncept:
< telo >< stred < tlačidlo onclick = 'placementJs()' > Klikni na mňa tlačidlo > stred >
< typ skriptu = 'text/javascript' >
umiestnenie funkcieJs ( ) {
upozorniť ( 'Umiestnenie JavaScriptu je v rámci značky ' )
}
skript >
telo >
Vo vyššie uvedených riadkoch kódu:
- V rámci ' ” podobne vytvorte tlačidlo, ktoré vyvolá funkciu placementJs() pomocou „ po kliknutí “udalosť.
- V bloku kódu JavaScript deklarujte funkciu s názvom „ umiestnenieJs() “.
- Táto funkcia sa spustí po kliknutí na tlačidlo a zobrazí uvedenú správu prostredníctvom upozornenia.
Výkon
Prístup 3: Umiestnenie JavaScriptu ako externého súboru
Tento konkrétny prístup zahŕňa umiestnenie bloku kódu JavaScript ako externého súboru JS s konkrétnym názvom súboru s príponou „ .js “ v „ src “.
Príklad
Prejdime si nasledujúci príklad:
< telo >< stred < tlačidlo onclick = 'placementJs()' > Klikni na mňa tlačidlo > stred >
telo >
< typ skriptu = 'text/javascript' src = externý súbor. js > skript >
Vo vyššie uvedenom HTML kóde:
- Pripomeňme si diskutovaný prístup k vytvoreniu tlačidla presmerovania na funkciu JavaScript “ umiestnenieJs() “.
- Potom integrujte funkcie JavaScriptu pomocou externého súboru JS prepojeného s uvedeným názvom súboru v „ src “.
Prejdime k nižšie uvedenému kódu JS:
umiestnenie funkcieJs ( ) {upozorniť ( 'Toto je externý súbor JavaScript' )
}
Vo vyššie uvedenom bloku kódu:
- Definujte funkciu s názvom „ umiestnenieJS() “.
- V jeho definícii zobraziť uvedenú správu cez upozornenie po kliknutí na tlačidlo.
- Tento prístup vo výsledku vráti rovnaký výsledok vložením súborov HTML aj JavaScript.
Výkon
Ponúkli sme autentické informácie súvisiace s umiestnením JavaScriptu do súboru HTML.
Záver
Umiestnenie JavaScriptu v súbore HTML môže byť v „ značka “, značka “ ” tag, alebo ako externý “ js súbor “ špecifikovaním „ src “. Kód JavaScript funguje rovnako, keď je umiestnený v niektorej z uvedených značiek. Umiestnenie JavaScriptu ako externého súboru js však pomáha pri opätovnej použiteľnosti kódu. Tento blog sa týkal umiestnenia JavaScriptu do súboru HTML.