Hvordan legge til en JavaScript -fil i HTML?

Nettsider er designet ved hjelp av flere programmeringsspråk og to slike nettprogrammeringsspråk er HTML og JavaScript. HTML-akronym av hypertekstmarkeringsspråk brukes til å lage strukturen på websider du ser på Internett hver dag. I mellomtiden er JavaScript et kjent skriptspråk som brukes til å utføre dynamiske operasjoner på websider for å gjøre dem mer fengslende.

For å få disse språkene til å fungere sammen, må du legge til JavaScript -filen din i HTML -dokumentet ditt. For å gjøre det, kan du legge til den eksterne JavaScript -filen din i HTML -dokumentet.

Legge til JavaScript -fil

For å legge til en ekstern JavaScript -fil i HTML -dokumentet ditt, tilordne koblingen til filen din til SRC -attributtet i taggen.

Syntaks

// legge til JS -fil med ingen bane

Eller,

// legge til JS -fil ved hjelp av filbanen

Eller,

// legge til JS -fil ved hjelp av URL

Poeng å huske!

• Du kan plassere disse taggene enten i seksjonen eller i seksjonen.
• Som antydet i syntaksen, bør utvidelsen av eksterne JavaScript -filer være .JS.
• Det er gunstig å bruke eksterne JavaScript -filer når du må bruke den samme koden i flere HTML -dokumenter. Dessuten vil dette forbedre lesbarheten og vedlikeholdbarheten til dokumentet.

Nedenfor har vi diskutert forskjellige tilnærminger for å legge til JavaScript -filen din i HTML.

Tilstand 1: Legge til JS -fil ved hjelp av filstien

For å legge til den eksterne JavaScript -filen din i HTML -dokumentet ditt, må du oppgi filstien din i SRC -attributtet til taggen.

Anta at vi har våre HTML- og JavaScript -filer i katalogen vår:

HTML -fil

Skriv inn navnet ditt:
Sende inn

I eksemplet ovenfor lager vi et inngangsfelt som ber brukeren legge inn navnet hans.

I mellomtiden har vi definert vår funksjon i JavaScript -filen ved hjelp av følgende kode.

funksjonsfunksjonsnavn ()
Varsel ("Ditt navn er sendt inn!");

Når brukeren trykker på sendeknappen, vises en varslingsmelding.

I et annet scenario, når HTML -filen din er plassert i en egen mappe og JavaScript -filen i en annen mappe som vist nedenfor.

Bruk følgende syntaks for å legge til filstien din til SRC -attributtet i taggen.

Tilstand 2: Legge til JS -fil ved hjelp av URL

Når du vil legge til en JavaScript -fil som er lagret på nettet, må du ganske enkelt legge til nettadressen til din online JavaScript -fil i SRC -attributtet til taggen din.

Eksempel

Skriv inn navnet ditt:
Sende inn

I eksemplet ovenfor la vi til nettadressen til en ekstern JavaScript -fil som er lagret online. Den elektroniske JavaScript -filen ser slik ut.

I filen ovenfor har vi definert vår funksjon som er ment å vise en varselmelding når brukeren trykker på sendeknappen.

Produksjon

Etter disse trinnene kan du enkelt legge til den eksterne JavaScript -filen din i HTML -dokumentet.

Konklusjon

For å legge til en JavaScript -fil i HTML, oppgi din JavaScript -filsti til SRC -attributtet til taggen, eller hvis du bruker en JavaScript -fil som er lagret online, må du legge til nettadressen til den filen. I dette innlegget har vi diskutert i detalj tilnærmingene til å legge til JavaScript -filen din i HTML ved å demonstrere dem gjennom eksempler.