Kam mám vkládat značky do značek HTML?

Kam Mam Vkladat Znacky Do Znacek Html



V dokumentu HTML je kód JavaScript vložen do „ skript 'prvek mezi ' ” tagy. Prvky skriptu lze přidat do „ hlava ” prvku HTML dokumentu kdekoli za počáteční značkou head a před koncovou značkou head. Může být také přidán do „ tělo ” prvku HTML dokumentu kdekoli za počáteční značkou body a před koncovou značkou body. Kromě toho lze tagy „script“ přidat také do prvků „head“ a „body“ v jednom HTML dokumentu.

Počet značek „script“ v HTML není nijak omezen. Takže v jednom HTML dokumentu může být více značek „script“.

Jak jsou značky



Přidávání roztrhaný > Značka v prvku Head

Do elementu head lze přidat značky skriptu s funkcemi JavaScriptu. Implementujme tuto myšlenku prakticky na jednoduchém příkladu funkce JavaScript přidané do prvku head dokumentu HTML.



Příklad



Jednoduše přidejte prvek skriptu do prvku head nebo přesuňte prvek skriptu v existujícím dokumentu HTML do značky head:





< hlava >
< skript >
function myFunction() {
document.getElementById('demoId').innerHTML = 'Po!!!';
}
< / skript >
< / hlava >

< tělo >

< h2 > Přidání značek skriptu do hlavy < / h2 >
< p id = 'demoId' > Před... < / p >
< knoflík typ = 'knoflík' při kliknutí = 'myFunction()' > Změň to < / knoflík >
< / tělo >

Ve výše uvedeném úryvku kódu:

  • Tady je '

    “ směřující dovnitř „ tělo “ prvek a poté je zde “ odstavec ” prvek obsahující jednoduchý text.

  • Poté se vytvoří tlačítko a funkce „ myFunction() “ byl definován v „ při kliknutí Atribut ” přidán jako obsluha události.
  • ' skript “ prvek je přidán dovnitř „ hlava ” a uvnitř toho je volána funkce a “ getElementById “ metoda byla definována s odkazem na “ demoId “.

Tím se správně spustí funkce JavaScript ve výstupu:



Přidávání krypta > Značka v prvku Body

Značky skriptu lze také přidat do „ 'prvek kdekoli před koncovkou' tělo ” tagy.

Příklad

Stejné výsledky budou generovány, pokud „ skript “ jsou přidány značky tělo živel:

< / tělo >
< h2 >Přidání značek skriptu do těla< / h2 >
< p id = 'demoId' >Před...< / p >
< knoflík typ = 'knoflík' při kliknutí = 'myFunction()' >Změňte to< / knoflík >
< skript >
funkce myFunction ( ) {
document.getElementById ( 'demoId' ) .innerHTML = 'Po!!!' ;
}
< / skript >
< / tělo >

Ve výše uvedeném úryvku kódu:

  • Do prvku body byla přidána stejná funkce JavaScriptu ve stejném kódu, jak je vysvětleno v předchozí části tohoto příspěvku.

Přidání „ skript “ tagy uvnitř “ tělo ” prvek také vygeneruje stejné výsledky a zajistí správné fungování funkce JavaScript:

To ukazuje, kde by měl „