Hvordan fungerer inline javascript med html ?

De Inline JavaScript representerer koden skrevet mellom Tagger i .html fil. Dessuten har JavaScript muligheten til å ringe og skyve data til serveren. Derfor gir det DOM-manipulasjon ved å bruke forskjellige innebygde funksjoner. For dette formålet, Inline JavaScript er nyttig for å redusere kompleksiteten ved å bruke en rekke JavaScript -filer i et program. Det er beste praksis for demonstrasjonsformål, slik at utviklere ikke trenger å veksle mellom JavaScript -filer.

I dette innlegget vil brukerne forstå hvordan inline JavaScript fungerer med HTML. Resultatene av dette innlegget er:

• Hvordan inline JavaScript fungerer i HTML?
• Hvordan legge til inline javascript med html?

Hvordan inline JavaScript fungerer i HTML?

Nettleseren tolker koden som JavaScript ved å skrive mellom Tagger. Ellers blir den behandlet som ren tekst. De Tag kan spesifisere en ekstern skriptfil ved bruk av src Egenskap. Fordelen med å bruke inline javascript i Html Filer er å redusere tur / retur til nettleseren til serveren. Videre unngås en ekstra samtale til en JavaScript -fil ved å bruke JavaScript -koden i Html fil. Følgende syntaks refererer til å bruke Inline JavaScript med HTML:

Syntaks

Paret med tagger og JavaScript -koden inne i taggene er den primære identifikasjonsfaktoren til inline JavaScript.

Hvordan legge til inline javascript med html?

Til nå har du lært den grunnleggende informasjonen om inline JavaScript. Her vil vi praktisk talt demonstrere hvordan en inline javascript kan legges til. La oss gå over til eksemplene:

Eksempel 1: Vis en melding med i HTML -filen

Et eksempel er tilpasset for å vise en melding innenfor Tagger i HTML -dokumentet.

Kode

Eksempel på å bruke JavaScript -kode i HTML -fil

I dette eksemplet dokument.skrive() Metoden brukes til å presentere meldingen “Velkommen til JavaScript”.

Produksjon

Utfallet av koden viser meldingen “Velkommen til JavaScript World”I nettleservinduet.

Eksempel 2: Bruke en varslingsboks for å presentere en melding

Et eksempel forklares her der en metode brukes til å vise en melding i en varslingsboks.

Kode

Et annet eksempel på å bruke JavaScript -kode i HTML -fil

Vennligst trykk den for å dukke opp et vindu

Beskrivelsen av koden er listet opp nedenfor:

• Koden starter med taggen etterfulgt av noen få HTML -elementer.
• Etter det, a disp () Metoden er definert for å dukke opp en varslingsboks i stikkord.
• I varslingsboksen, en melding “Velkommen til JavaScript World” er vist.

Produksjon

Utfallet returnerer en lenke som er oppgitt som “Trykk på det for å dukke opp et vindu” i nettleseren.

Etter å ha trykket på lenken genereres det en ny popup som viser meldingen "Velkommen til JavaScript”.

Værsågod! Du har lært konseptet med inline javascript og dets anvendelse også.

Konklusjon

Inline JavaScript legges til i et HTML -dokument ved hjelp av TAG. Inline JavaScript reduserer forespørslene som er opprettet av websiden. Denne artikkelen gir en detalj om arbeidet med inline JavaScript med HTML. Inline JavaScript er lett å integrere med mindre kompleksitetsproblemer. I tilfelle av store/komplekse JavaScript, anbefales det imidlertid å vurdere eksternt JavaScript, ettersom den inline JavaScript vil påvirke lesbarheten/gjenbrukbarheten til den totale koden.