Hvor du kan plassere JavaScript i en HTML -fil

Mens de designer en webside eller nettsted, synes utviklerne ofte det er praktisk å integrere HTML- og JavaScript -koder i henhold til de inkluderte funksjonalitetene. For eksempel å plassere koden angående en spesifikk funksjonalitet relatert til koden eller legge til den samme funksjonaliteten til flere websider på nettstedet. I slike scenarier er plasseringen av JavaScript i en HTML -fil til stor hjelp.

Denne guiden vil illustrere tilnærmingene for å plassere JavaScript i en HTML -fil.

Hvor du kan plassere JavaScript i en HTML -fil?

Plasseringen av JavaScript i en HTML -fil kan være i:

• “" stikkord.
• “" stikkord.
• Ekstern “JS -fil”.

Tilnærming 1: Plassering av JavaScript i taggen i en HTML -fil

I denne tilnærmingen er plasseringen av JavaScript -delen av koden innenfor "”Tag vil bli illustrert.

Eksempel

La oss ha en oversikt over den undergitte demonstrasjonen:

Klikk på meg

I ovennevnte kodebit:

• Inkluder JavaScript -delen av koden i "”Tag ved hjelp av“" stikkord.
• I JS -koden, definer en funksjon som heter “Plassementjs ()”. I sin definisjon kan du vise den angitte meldingen via varslingsdialogboksen.
• Til slutt, i HTML -koden, oppretter du en knapp som har en "ved trykk”Hendelse som vil omdirigere til den definerte funksjonen i forrige trinn på knappeklikk.

Produksjon

I outputten kan man se at JS -koden fungerer som den skal ved å plassere den i "" stikkord.

Tilnærming 2: Plassering av JavaScript i taggen i en HTML -fil

I denne tilnærmingen er plasseringen av JavaScript -kode innenfor "”Tag i en HTML -fil vil bli diskutert.

Eksempel

Det undergitte eksemplet illustrerer det uttalte konseptet:

Klikk på meg

I kodelinjene ovenfor:

• Innen "”Lag på samme måte en knapp som påkaller funksjonen plasseringjs () ved hjelp av“ved trykk" begivenhet.
• I JavaScript -kodeblokken, erklærer en funksjon som heter “Plassementjs ()”.
• Denne funksjonen vil bli påkalt på knappeklikk og vise den oppgitte meldingen via et varsel.

Produksjon

Tilnærming 3: Plassering av JavaScript som en ekstern fil

Denne spesielle tilnærmingen innebærer plassering av en JavaScript -kodeblokk som en ekstern JS -fil med det aktuelle filnavnet med en utvidelse ".JS”I“src" Egenskap.

Eksempel

La oss gå gjennom følgende eksempel:

Klikk på meg

I ovennevnte HTML -kode:

• Husk den diskuterte tilnærmingen for å lage en knapp som omdirigerer til JavaScript -funksjonen "Plassementjs ()”.
• Etter det, integrerer JavaScript -funksjonalitetene ved hjelp av en ekstern JS -fil som er koblet til det oppgitte filnavnet i "src" Egenskap.

La oss gå videre til den undergitte JS-koden:

funksjonsplasseringJS ()
Alert ("Dette er en ekstern JavaScript -fil")

I kodeblokken ovenfor:

• Definere en funksjon som heter “Plassementjs ()”.
• I sin definisjon kan du vise den angitte meldingen via varsel på knappeklikk.
• Denne tilnærmingen vil føre til det samme utfallet ved å legge inn både HTML- og JavaScript -filene.

Produksjon

Vi har tilbudt autentisk informasjon relatert til å plassere JavaScript i en HTML -fil.

Konklusjon

Plasseringen av JavaScript i en HTML -fil kan være i "”Tag,“”Tag, eller som en ekstern”JS -fil”Ved å spesifisere“src”. JavaScript -koden fungerer den samme når den plasseres i noen av de uttalte taggene. Å plassere JavaScript som en ekstern JS-fil hjelper imidlertid i kodeens gjenbrukbarhet. Denne bloggen guidet relatert til plassering av JavaScript i en HTML -fil.