Hvordan legge til JavaScript til HTML

JavaScript er et av skriptspråkene som brukes til å lage interaktive og moderne websider. Uten behov for flere plugins, støtter moderne nettlesere JavaScript med innebygde motorer.

Mens du jobber med nettfiler, må JavaScript utføres sammen med HTML. Dette kan gjøres enten ved å inkludere inline JavaScript -kode i taggen til HTML -filen, eller du kan legge til JavaScript gjennom en ekstern fil. JavaScript -taggen som enten brukes i hodeseksjonen i HTML -filen eller i kroppsseksjonen, det avhenger bare hvor du vil laste JavaScript. JavaScript kan skrives inn i tagger for å holde seg utenfor hovedinnholdet i HTML -filer. Hvis du trenger JavaScript for å utføre på tvers av en layout på websiden, blir skriptet vanligvis kalt inn i kroppsdelen.

JavaScript kan brukes på mange måter på websider som validering av skjemaet, skape advarselsvarsler og mye mer. I denne artikkelen vil vi gå gjennom hvordan du kan integrere JavaScript i HTML -filer i dybden.

Følgende er måtene å innlemme JavaScript i HTML -filer.

Innebygde kode

... -koden brukes til å legge til JavaScript i websider som hjelper deg med å pakke JavaScript i HTML -programmene. Koden til JavaScript kan enten være under kroppsseksjonen eller hodeseksjonen, avhengig av strukturen i applikasjonen.

Eksempel1: JavaScript i Head Section

Dette eksemplet viser hvordan du inkluderer JavaScript i Head -delen

Produksjon:

Eksempel2: JavaScript i kroppsseksjonen

Dette eksemplet viser hvordan du inkluderer JavaScript i kroppsseksjonen

Produksjon:

Inline -kode

Når du trenger å ringe en funksjon til HTML -attributter, brukes en inline kode for JavaScript. JavaScript -kode kan brukes direkte i forskjellige hendelser som OnmouseOver (), OnClick () og mange flere. Hovedpoeng bør huskes mens du bruker inline -skript:

• Nyttig for små skript eller skript som bare kjøres i en fil.
• Vanskelig å lese og forstå om skript er større eller brukt på flere sider.

Eksempel1: Dette eksemplet viser hvordan du integrerer JavaScript i HTML uten tagger.

Inline -kode

Dette eksemplet viser hvordan du inkluderer inline JavaScript uten skriptkoder.

Produksjon:

Eksempel2:

I eksemplet ovenfor, når brukeren laster inn websiden, vises skriptet en varslingsmelding som viser gjeldende dato.

Produksjon:

Ekstern fil

JavaScript -kode kan skrives i en egen fil med en utvidelse av ".JS ”og deretter inkludert i HTML -filen. JavaScript -filnavnet kan inkluderes i "SRC" -attributtet til skriptet. Eksterne filer med JavaScript -kode kan være gjenbrukbar. Derfor sparer separate filer for JavaScript -kode deg fra å skrive om det samme programmet. Eksterne filer er mye lettere å administrere.

Eksempel:

I dette eksemplet er det to filer, indeks.HTML, og DATESCRIPT.JS. Ekstern fil i.e. Datescript.JS inkludert i kroppsdelen i HTML -filen som er kalt som indeks.html. JavaScript heter Datescript.JS brukes til å vise gjeldende dato når brukeren laster inn websiden. Både .html og .JS -filer er plassert i samme mappe.

Indeks.html

Datescript.JS

La dato = ny dato ();
dokument.kropp.indrehtml = "

Dato: " + Dato +"

""

Produksjon:

Konklusjon

I denne artikkelen demonstrerer vi hvordan du legger til JavaScript i HTML -filer. Deretter diskuterte vi hver metode grundig for å innlemme JavaScript i websidene dine. Vi diskuterte tre måter for å legge til JavaScript i HTML -filer I.e. Inline -kode, eksterne filer og innebyggingskode. Eksempler er også gitt for hver metode for å hjelpe deg med å forstå.