Где да ставим ознаке у ХТМЛ маркуп?

Gde Da Stavim Oznake U Html Markup



У ХТМЛ документу, ЈаваСцрипт код се убацује у „ скрипта ” елемент између „ <сцрипт> ' и ' ' ознаке. Елементи скрипте се могу додати унутар „ глава ” елемент ХТМЛ документа било где после почетне ознаке главе и пре завршне ознаке главе. Такође се може додати унутар „ тело ” елемент ХТМЛ документа било где после почетне ознаке тела и пре завршне ознаке тела. Штавише, ознаке „сцрипт“ се такође могу додати у елементе „хеад“ и „боди“ у једном ХТМЛ документу.

Нема ограничења за број ознака „сцрипт“ у ХТМЛ-у. Дакле, у једном ХТМЛ документу може бити више ознака „сцрипт“.

Како се ознаке <сцрипт> извршавају у ХТМЛ-у ?

У ХТМЛ документу, претраживач прво преузима део ХТМЛ индекса, а након индекса, други ХТМЛ документ се рашчлањује. Током рашчлањивања документа, када постоји „ <сцрипт> “, претраживач захтева датотеку скрипте. У том тренутку претраживач престаје да анализира остале ХТМЛ елементе. Након тога, претраживач учитава датотеку скрипте са путање која је поменута (ако постоји) или је учитава из исте датотеке када се цела скрипта учита, претраживач прелази на рашчлањивање других елемената.







Додавање <сц поцепао > Ознака у елементу главе

Ознаке скрипте са ЈаваСцрипт функцијама могу се додати у елемент хеад. Хајде да имплементирамо ову идеју практично узимајући једноставан пример ЈаваСцрипт функције која је додата у елемент хеад ХТМЛ документа.



Пример



Једноставно додајте елемент скрипте унутар елемента главе или преместите елемент скрипте у постојећем ХТМЛ документу у ознаку хеад:





< глава >
< скрипта >
фунцтион миФунцтион() {
доцумент.гетЕлементБиИд('демоИд').иннерХТМЛ = 'После!!!';
}
< / скрипта >
< / глава >

< тело >

< х2 > Додавање ознака скрипте у главу < / х2 >
< стр ид = 'демоИд' > Пре него што... < / стр >
< дугме тип = 'дугме' онцлицк = 'мојаФункција()' > Промени то < / дугме >
< / тело >

У горњем исечку кода:

  • Тамо је ' <х2> “ наслов унутар “ тело ” елемент, а након тога постоји „ став ” елемент који садржи једноставан текст.
  • Затим се креира дугме и функција „ мојаФункција() ” је дефинисан у „ онцлицк ” атрибут је додат као руковалац догађаја.
  • скрипта ” елемент се додаје унутар „ глава ” елемент, а унутар тога се позива функција, а „ гетЕлементБиИд ” је дефинисан метод који се односи на „ демоИд “.

Ово ће исправно извршити ЈаваСцрипт функцију у излазу:



Додавање крипта > Ознака у елементу тела

Ознаке скрипте се такође могу додати унутар „ <боди> ” елемент било где пре краја “ тело ' ознаке.

Пример

Исти резултати ће бити генерисани ако „ скрипта ” ознаке се додају у тело елемент:

< / тело >
< х2 >Додавање ознака скрипте у тело< / х2 >
< стр ид = 'демоИд' >Пре...< / стр >
< дугме тип = 'дугме' онцлицк = 'мојаФункција()' >Промени< / дугме >
< скрипта >
фунцтион миФунцтион ( ) {
доцумент.гетЕлементБиИд ( 'демоИд' ) .иннерХТМЛ = 'После!!!' ;
}
< / скрипта >
< / тело >

У горњем исечку кода:

  • Иста ЈаваСцрипт функција у истом коду као што је објашњено у претходном одељку овог поста је додата у елементу тела.

Додавање „ скрипта ” ознаке унутар “ тело ” елемент ће такође генерисати исте резултате и учиниће да ЈаваСцрипт функција ради исправно:

Ово показује где треба да се „ <сцрипт> ” ознаке се постављају у ХТМЛ документ. Међутим, можда се питате да ли би требало да постоји нека врста разлике између ове две методе.

Разлика у постављању <скрипте> у елементе главе и тела

Главна разлика између ове две методе је заправо у времену када се ознака скрипте учитава у претраживач.

Генерално, елемент <хеад> је први елемент који се учитава од стране претраживача, а то значи да би било која скрипта постављена унутар главе била учитана чак и пре учитавања елемената веб странице. Међутим, ако се скрипта постави у <боди> елемента, онда се учитава редоследом броја линије на којој се налази.

Закључак

скрипта ” ознаке (које садрже ЈаваСцрипт функције) у ХТМЛ документу могу се поставити унутар „ глава ” као и унутар „ тело ” елемент. Такође се могу додати у оба елемента (глава и тело) у документу. Сви ови начини ће учинити да ЈаваСцрипт функционише унутар „ <сцрипт> ” ознаке раде исправно. Овај чланак даје потпуни преглед где да додате „ <сцрипт> ” ознаке у ХТМЛ документу.