Tato příručka ilustruje přístupy k umístění JavaScriptu do souboru HTML.
Kam umístit JavaScript v souboru HTML?
Umístění JavaScriptu v souboru HTML může být v:
Přístup 1: Umístění JavaScriptu do značky v souboru HTML
V tomto přístupu umístění JavaScriptové části kódu do „
Příklad
Pojďme si udělat přehled níže uvedené ukázky:
< hlava >
< typ skriptu = 'text/javascript' >
umístění funkcíJs ( ) {
upozornění ( 'Umístění JavaScriptu je ve značce ' )
}
skript >
hlava >
< tělo >
< centrum < tlačítko onclick = 'placementJs()' > Klikni na mě knoflík > centrum >
tělo >
Ve výše uvedeném úryvku kódu:
- Zahrňte JavaScriptovou část kódu do „
” tag s pomocí “ ” tag. - V kódu JS definujte funkci s názvem „ umístěníJs() “. V jeho definici zobrazit uvedenou zprávu prostřednictvím dialogového okna výstrahy.
- Nakonec v kódu HTML vytvořte tlačítko s „ při kliknutí ” událost, která po kliknutí na tlačítko přesměruje na funkci definovanou v předchozím kroku.
Výstup
Ve výše uvedeném výstupu je vidět, že kód JS funguje správně umístěním do „
Přístup 2: Umístění JavaScriptu do značky v souboru HTML
V tomto přístupu umístění kódu JavaScript do „ ” tag v souboru HTML.
Příklad
Níže uvedený příklad ilustruje uvedený koncept:
< tělo >< centrum < tlačítko onclick = 'placementJs()' > Klikni na mě knoflík > centrum >
< typ skriptu = 'text/javascript' >
umístění funkcíJs ( ) {
upozornění ( 'Umístění JavaScriptu je ve značce ' )
}
skript >
tělo >
Ve výše uvedených řádcích kódu:
- V rámci ' ” podobně vytvořte tlačítko vyvolávající funkci placementJs() pomocí „ při kliknutí ' událost.
- V bloku kódu JavaScript deklarujte funkci s názvem „ umístěníJs() “.
- Tato funkce se spustí po kliknutí na tlačítko a zobrazí uvedenou zprávu prostřednictvím upozornění.
Výstup
Přístup 3: Umístění JavaScriptu jako externího souboru
Tento konkrétní přístup zahrnuje umístění bloku kódu JavaScript jako externího souboru JS s konkrétním názvem souboru s příponou „ .js “ v „ src ' atribut.
Příklad
Pojďme si projít následující příklad:
< tělo >< centrum < tlačítko onclick = 'placementJs()' > Klikni na mě knoflík > centrum >
tělo >
< typ skriptu = 'text/javascript' src = externí soubor. js > skript >
Ve výše uvedeném HTML kódu:
- Připomeňme si diskutovaný přístup k vytvoření tlačítka přesměrujícího na funkci JavaScript “ umístěníJs() “.
- Poté integrujte funkce JavaScriptu pomocí externího souboru JS propojeného s uvedeným názvem souboru v „ src ' atribut.
Pojďme k níže uvedenému JS kódu:
umístění funkcíJs ( ) {upozornění ( 'Toto je externí soubor JavaScript' )
}
Ve výše uvedeném bloku kódu:
- Definujte funkci s názvem „ umístěníJS() “.
- V jeho definici zobrazit uvedenou zprávu prostřednictvím upozornění po kliknutí na tlačítko.
- Tento přístup ve výsledku vrátí stejný výsledek vložením souborů HTML i JavaScript.
Výstup
Nabídli jsme autentické informace související s umístěním JavaScriptu do souboru HTML.
Závěr
Umístění JavaScriptu v souboru HTML může být v „