Овај водич ће илустровати приступе постављању ЈаваСцрипт-а у ХТМЛ датотеку.
Где поставити ЈаваСцрипт у ХТМЛ датотеку?
Постављање ЈаваСцрипт-а у ХТМЛ датотеку може бити у:
Приступ 1: Постављање ЈаваСцрипт-а унутар ознаке <хеад> у ХТМЛ датотеци
У овом приступу, постављање ЈаваСцрипт дела кода унутар „ <хеад> ” ознака ће бити илустрована.
Пример
Хајде да направимо преглед доле приказане демонстрације:
< глава >
< тип скрипте = 'текст/јавасцрипт' >
функција пласманЈс ( ) {
узбуна ( „Постављање ЈаваСцрипт-а је унутар ознаке <хеад>“ )
}
скрипта >
глава >
< тело >
< центар >< дугме онцлицк = 'плацементЈс()' > Кликни ме дугме > центар >
тело >
У горњем исечку кода:
- Укључите ЈаваСцрипт део кода у „ <хеад> ” ознака уз помоћ “ <сцрипт> ” ознака.
- У ЈС коду дефинишите функцију под називом „ плацементЈс() ”. У својој дефиницији, прикажите наведену поруку преко дијалога упозорења.
- На крају, у ХТМЛ коду направите дугме које има „ онцлицк ” догађај који ће након клика на дугме преусмерити на функцију дефинисану у претходном кораку.
Излаз
У горњем излазу, може се видети да ЈС код ради исправно тако што ћете га поставити унутар „ <хеад> ” ознака.
Приступ 2: Постављање ЈаваСцрипт-а унутар ознаке <боди> у ХТМЛ датотеци
У овом приступу, постављање ЈаваСцрипт кода унутар „ <боди> ” ознака у ХТМЛ датотеци ће бити дискутована.
Пример
Пример у наставку илуструје наведени концепт:
< тело >< центар >< дугме онцлицк = 'плацементЈс()' > Кликни ме дугме > центар >
< тип скрипте = 'текст/јавасцрипт' >
функција пласманЈс ( ) {
узбуна ( „Постављање ЈаваСцрипт-а је унутар ознаке <боди>“ )
}
скрипта >
тело >
У горњим редовима кода:
- Унутар ' <боди> ” такође креира дугме које позива функцију плацементЈс() уз помоћ „ онцлицк ” догађај.
- У блоку ЈаваСцрипт кода, прогласите функцију под називом „ плацементЈс() ”.
- Ова функција ће се покренути након клика на дугме и приказати наведену поруку путем упозорења.
Излаз
Приступ 3: Постављање ЈаваСцрипт-а као екстерне датотеке
Овај посебан приступ укључује постављање ЈаваСцрипт кодног блока као екстерне ЈС датотеке са одређеним именом датотеке са екстензијом „ .јс ” у „ срц ” атрибут.
Пример
Хајде да прођемо кроз следећи пример:
< тело >< центар >< дугме онцлицк = 'плацементЈс()' > Кликни ме дугме > центар >
тело >
< тип скрипте = 'текст/јавасцрипт' срц = ектерналфиле. јс > скрипта >
У горњем ХТМЛ коду:
- Подсетите се разматраног приступа за креирање дугмета за преусмеравање на ЈаваСцрипт функцију “ плацементЈс() ”.
- Након тога, интегришите ЈаваСцрипт функционалности уз помоћ екстерне ЈС датотеке повезане са наведеним именом датотеке у „ срц ” атрибут.
Пређимо на доле дати ЈС код:
функција пласманЈс ( ) {узбуна ( „Ово је спољна ЈаваСцрипт датотека“ )
}
У горњем блоку кода:
- Дефинишите функцију под називом „ плацементЈС() ”.
- У својој дефиницији, прикажите наведену поруку путем упозорења по клику на дугме.
- Овај приступ ће резултирати истим исходом уграђивањем и ХТМЛ и ЈаваСцрипт датотека.
Излаз
Понудили смо аутентичне информације везане за постављање ЈаваСцрипт-а у ХТМЛ датотеку.
Закључак
Постављање ЈаваСцрипт-а у ХТМЛ датотеку може бити у „ <хеад> ” ознака, “ <боди> ” ознака, или као екстерна “ јс фајл ” навођењем „ срц ”. ЈаваСцрипт код се понаша исто када се стави у било коју од наведених ознака. Међутим, постављање ЈаваСцрипт-а као екстерне јс датотеке помаже у поновној употреби кода. Овај блог води у вези са постављањем ЈаваСцрипт-а у ХТМЛ датотеку.