Kur ievietot JavaScript HTML failā

Veidojot tīmekļa lapu vai vietni, izstrādātājiem bieži šķiet ērti integrēt HTML un JavaScript kodus atbilstoši iekļautajām funkcijām. Piemēram, ievietojot kodu, kas attiecas uz noteiktu ar kodu saistītu funkcionalitāti, vai pievienojot to pašu funkcionalitāti vairākām vietnes tīmekļa lapām. Šādos gadījumos JavaScript izvietošana HTML failā ir lielisks palīgs.

Šī rokasgrāmata ilustrēs pieejas JavaScript ievietošanai HTML failā.

Kur ievietot JavaScript HTML failā?

JavaScript izvietojums HTML failā var būt:

' ” tagu.
' ” tagu.
Ārējais ' js failu ”.

1. pieeja: JavaScript ievietošana tagā HTML failā

Izmantojot šo pieeju, koda JavaScript daļas izvietošana ” atzīme tiks ilustrēta.

Piemērs

Apskatīsim tālāk sniegto demonstrāciju:

< galvu >

< skripta veids = 'teksts/javascript' >

funkciju izvietojumsJs ( ) {

brīdinājums ( 'JavaScript izvietojums atrodas tagā ' )

}

skripts >

galvu >

< ķermenis >

< centrs >< pogu onclick = 'placementJs()' > Noklikšķiniet uz Es pogu > centrs >

ķermenis >

Iepriekš minētajā koda fragmentā:

Iekļaujiet koda JavaScript daļu laukā ' ' tagu, izmantojot ' ” tagu.
JS kodā definējiet funkciju ar nosaukumu ' placementJs() ”. Tās definīcijā parādīt norādīto ziņojumu, izmantojot brīdinājuma dialoglodziņu.
Visbeidzot, HTML kodā izveidojiet pogu ar “ onclick ” notikumu, kas pēc pogas noklikšķināšanas novirzīs uz iepriekšējā darbībā definēto funkciju.

Izvade

Iepriekš minētajā izvadē var redzēt, ka JS kods darbojas pareizi, ievietojot to sadaļā “ ” tagu.

2. pieeja: JavaScript ievietošana tagā HTML failā

Izmantojot šo pieeju, JavaScript koda izvietošana ” tags HTML failā tiks apspriests.

Piemērs

Tālāk sniegtais piemērs ilustrē minēto koncepciju:

< ķermenis >

< centrs >< pogu onclick = 'placementJs()' > Noklikšķiniet uz Es pogu > centrs >

< skripta veids = 'teksts/javascript' >

funkciju izvietojumsJs ( ) {

brīdinājums ( 'JavaScript izvietojums atrodas tagā ' )

}

skripts >

ķermenis >

Iepriekš minētajās koda rindās:

Ietvaros ' ” tagu, tāpat izveido pogu, kas izsauc funkciju placementJs(), izmantojot “ onclick ” pasākums.
JavaScript koda blokā deklarējiet funkciju ar nosaukumu ' placementJs() ”.
Šī funkcija tiks izsaukta, noklikšķinot uz pogas, un ar brīdinājuma palīdzību tiks parādīts norādītais ziņojums.

Izvade

3. pieeja: JavaScript kā ārēja faila izvietošana

Šī konkrētā pieeja ietver JavaScript koda bloka izvietošanu kā ārēju JS failu ar noteiktu faila nosaukumu ar paplašinājumu ' .js ' iekš ' src ” atribūts.

Piemērs

Apskatīsim šādu piemēru:

< ķermenis >

< centrs >< pogu onclick = 'placementJs()' > Noklikšķiniet uz Es pogu > centrs >

ķermenis >

< skripta veids = 'teksts/javascript' src = ārējais fails. js > skripts >

Iepriekš minētajā HTML kodā:

Atgādiniet apspriesto pieeju, lai izveidotu pogu, kas novirza uz JavaScript funkciju ' placementJs() ”.
Pēc tam integrējiet JavaScript funkcijas, izmantojot ārēju JS failu, kas ir saistīts ar failā norādīto faila nosaukumu. src ” atribūts.

Pāriesim pie tālāk norādītā JS koda:

funkciju izvietojumsJs ( ) {

brīdinājums ( 'Šis ir ārējs JavaScript fails' )

}

Iepriekš minētajā koda blokā:

Definējiet funkciju ar nosaukumu ' placementJS() ”.
Tās definīcijā parādīt norādīto ziņojumu, izmantojot brīdinājumu, noklikšķinot uz pogas.
Šī pieeja sniegs tādu pašu rezultātu, iegulstot gan HTML, gan JavaScript failus.

Izvade

Mēs esam piedāvājuši autentisku informāciju, kas saistīta ar JavaScript ievietošanu HTML failā.

Secinājums

JavaScript izvietojums HTML failā var būt ' ' atzīme, ' ' tagu vai kā ārēju ' js failu ', norādot ' src ”. JavaScript kods darbojas tāpat, ja tas ir ievietots kādā no norādītajiem tagiem. Tomēr JavaScript ievietošana kā ārējs js fails palīdz koda atkārtoti izmantot. Šis emuārs ir saistīts ar JavaScript izvietošanu HTML failā.

Kur ievietot JavaScript HTML failā