Gdje smjestiti JavaScript u HTML datoteku

Dok dizajniraju web stranicu ili web mjesto, programeri često smatraju prikladnim integrirati HTML i JavaScript kodove prema uključenim funkcijama. Na primjer, postavljanje koda u vezi s određenom funkcijom povezanom s kodom ili dodavanje iste funkcije na više web stranica na web mjestu. U takvim scenarijima, postavljanje JavaScripta u HTML datoteku je od velike pomoći.

Ovaj će vodič ilustrirati pristupe postavljanju JavaScripta u HTML datoteku.

Gdje smjestiti JavaScript u HTML datoteku?

Položaj JavaScripta u HTML datoteci može biti u:

“ ” oznaka.
“ ” oznaka.
Vanjski “ js datoteka ”.

Pristup 1: Postavljanje JavaScripta unutar oznake u HTML datoteci

U ovom pristupu, postavljanje JavaScript dijela koda unutar ' ” biti će prikazana oznaka.

Primjer

Pogledajmo pregled dolje navedene demonstracije:

< glava >

< vrsta skripte = 'tekst/javascript' >

raspored funkcijaJs ( ) {

uzbuna ( 'Položaj JavaScripta unutar oznake ' )

}

skripta >

glava >

< tijelo >

< centar >< gumb na klik = 'placementJs()' > Kliknite Ja dugme > centar >

tijelo >

U gornjem isječku koda:

Uključite JavaScript dio koda unutar ' ” uz pomoć oznake „ ” oznaka.
U JS kodu definirajte funkciju pod nazivom ' plasmanJs() ”. U svojoj definiciji, prikaži navedenu poruku putem dijaloškog okvira upozorenja.
Na kraju, u HTML kodu stvorite gumb koji ima ' na klik ” događaj koji će nakon klika na gumb preusmjeriti na definiranu funkciju u prethodnom koraku.

Izlaz

U gornjem izlazu, može se vidjeti da JS kod radi ispravno ako ga postavite unutar ' ” oznaka.

Pristup 2: Postavljanje JavaScripta unutar oznake u HTML datoteci

U ovom pristupu, postavljanje JavaScript koda unutar ' ” u HTML datoteci će se raspravljati.

Primjer

Donji primjer ilustrira navedeni koncept:

< tijelo >

< centar >< gumb na klik = 'placementJs()' > Kliknite Ja dugme > centar >

< vrsta skripte = 'tekst/javascript' >

raspored funkcijaJs ( ) {

uzbuna ( 'Položaj JavaScripta unutar oznake ' )

}

skripta >

tijelo >

U gornjim redcima koda:

unutar “ ” isto tako kreirajte gumb koji poziva funkciju placementJs() uz pomoć oznake „ na klik ” događaj.
U bloku JavaScript koda deklarirajte funkciju pod nazivom ' plasmanJs() ”.
Ova funkcija će se pozvati nakon klika na gumb i prikazati navedenu poruku putem upozorenja.

Izlaz

Pristup 3: Postavljanje JavaScripta kao vanjske datoteke

Ovaj određeni pristup uključuje postavljanje bloka JavaScript koda kao vanjske JS datoteke koja ima određeni naziv datoteke s ekstenzijom ' .js ' u ' src ” atribut.

Primjer

Prođimo kroz sljedeći primjer:

< tijelo >

< centar >< gumb na klik = 'placementJs()' > Kliknite Ja dugme > centar >

tijelo >

< vrsta skripte = 'tekst/javascript' src = vanjska datoteka. js > skripta >

U gornjem HTML kodu:

Prisjetite se razmatranog pristupa za stvaranje gumba koji preusmjerava na JavaScript funkciju “ plasmanJs() ”.
Nakon toga integrirajte JavaScript funkcije uz pomoć vanjske JS datoteke povezane s navedenim nazivom datoteke u ' src ” atribut.

Prijeđimo na dolje navedeni JS kod:

raspored funkcijaJs ( ) {

uzbuna ( 'Ovo je vanjska JavaScript datoteka' )

}

U gornjem bloku koda:

Definirajte funkciju pod nazivom ' položajJS() ”.
U svojoj definiciji, prikazati navedenu poruku putem upozorenja nakon klika na gumb.
Ovaj će pristup rezultirati istim rezultatom ugrađivanjem HTML i JavaScript datoteka.

Izlaz

Ponudili smo autentične informacije vezane uz postavljanje JavaScripta u HTML datoteku.

Zaključak

Položaj JavaScripta u HTML datoteci može biti u ' ' oznaka, ' ” ili kao vanjski “ js datoteka ' navodeći ' src ”. JavaScript kôd djeluje jednako kada se postavi u bilo koju od navedenih oznaka. Međutim, postavljanje JavaScripta kao vanjske js datoteke pomaže u ponovnoj upotrebi koda. Ovaj blog vodio se u vezi s postavljanjem JavaScripta u HTML datoteku.

Gdje smjestiti JavaScript u HTML datoteku