Hvordan vise utdata i JavaScript
Denne oppskrivningen vil demonstrere hvordan du viser utdata i JavaScript ved hjelp av konsoll.logg (), dokument.skriv (), dokument.getElementById () og vindu.Varsel () Funksjon. Så la oss starte denne guiden!
Hva er mulighetene for å vise utdata i JavaScript
Du kan vise utdata i JavaScript ved å bruke noen av følgende måter:
- Til skjermutgang i nettleseren konsoll, Du kan bruke “konsoll.Logg()”Funksjon.
- Å skrive ut i Html og vise dens produksjon, Du kan bruke “dokument.skrive()”Funksjon.
- Å skrive inn i en HTML -element og vise utdataene, kan du bruke "dokument.getElementById ()”Funksjon med“.indrehtml”Eiendom.
- Å vise produksjon inn i en Varslingsboks, Du kan bruke “vindu.varsling()”Funksjon.
Hvordan vise utgang i JavaScript ved hjelp av konsoll.Logg()
I JavaScript, "konsoll.Logg()”Funksjon brukes til å vise en hvilken som helst utdata eller skrive ut verdiene til en hvilken som helst variabel definert i programmet. “Logg()”Metode i konsoll.log () tar parameteren som omfatter dataene du vil sende ut. De fleste JavaScript -utviklere bruker den spesifiserte funksjonen til å liste opp feil og feilsøkingsformål.
Syntaks av konsoll.Logg()
Her er konsollens syntaks.Logg () I JavaScript:
konsoll.Logg ("Parameter")“konsoll.Logg()”Funksjon godtar en“Parameter,”Som kan være hvilken som helst melding, objekt eller matrise, og det returnerer eller sender ut verdien til den gitte parameteren til konsollvinduet.
Eksempel: Vise utgang i JavaScript ved hjelp av konsoll.Logg()
I det undergitte eksemplet vil vi bruke konsollen.Logg () Funksjon for å sende ut “Dette er Linuxhint.com”Melding på websiden vår. For dette formålet vil vi lage en “Testfile.html”Fil i vår favorittkodeditor som VS -kode, og skriv deretter ut følgende kode i den:
Etter å ha lagt til koden, trykk “Ctrl+s”For å lagre den ekstra koden i“Testfile.html”. Deretter klikker du på filen din og åpner den i din favoritt nettleser ved å dobbeltklikke på HTML-filen.
En tom webside åpnes for "Testfile.html”Fil. Velg "fra høyreklikk-menyen"Undersøke”Alternativ for å åpne utviklerverktøyene i nettleseren din direkte:
Gå nå til "Konsoll”Fanen for utvikleralternativene. Den vil vise meldingen som vi har lagt til som en parameter til “konsoll.Logg()”Funksjon:
Hvordan vise utdata i JavaScript ved hjelp av dokument.skrive()
I JavaScript, "dokument.skrive()”Funksjon brukes til å sette inn innhold eller JavaScript -kode i et dokument. “dokument.skrive()”Funksjon fjerner alt eksisterende innhold fra HTML -dokumentet og erstatter det med det nye innholdet som er lagt til som en parameter. Denne metoden er hovedsakelig brukt til testformål.
Syntaks av dokumentet.skrive()
Nå, sjekk ut syntaksen til dokumentet.Skriv () Funksjon:
dokument.Skriv (EXP1, EXP2, ...)“dokument.skrive()”Funksjon kan inneholde flere parametere. Uttrykket argumenter som "EXP1”Og“EXP2”Vises som utgang i deres ekstra sekvens.
Eksempel: Vise utdata i JavaScript ved hjelp av dokument.skrive()
I det følgende eksemplet, så snart websiden vår blir lastet, "dokument.skrive()”Funksjon vil fjerne alle data på websiden og omskrive den med innholdet som vi har lagt til som parameter:
Linuxhint
Som vi har lagt til “Dette er Linuxhint.com”Som en parameter i vår“dokument.skrive()”Funksjon, den vil vise følgende utgang:
Hvordan vise utdata i JavaScript ved hjelp av dokument.getElementById ()
“dokument.getElementById ()”I JavaScript brukes til å returnere elementobjektet, hvis"Id”Blir matchet med den medfølgende strengen. Element -ID -ene er nyttige for raskt å få tilgang til det spesifiserte elementet, og dermed kan de brukes med ".indrehtml ” Eiendom å skrive eller vise utdataene.
Syntaks av dokumentet.getElementById ()
La oss se på syntaksen til dokumentet.getElementById () -funksjon i JavaScript:
dokument.getElementById (ID)Her, attributtet “id”Definerer HTML -elementet som kan brukes til å sette inn eller skrive utgang i det spesifiserte elementet:
Eksempel: Vise utdata i JavaScript ved hjelp av dokument.getElementById ()
I det følgende eksempel har vi lagt til et element med id "test". Etter å ha gjort det, “dokument.getElementById (test)”Metoden vil velge vårt HTML -element som har id =“test”. Og så ".indrehtml”Eiendom er lagt til for å skrive ut den spesifiserte strengen i den:
Linuxhint
Det undergitte bildet indikerer at vi har lagt til "Dette er Linuxhint.com”Streng i vårt valgte element:
Hvordan vise utdata i JavaScript ved hjelp av vindu.varsling()
De vindu.varsling() Metoden viser utdata eller informasjon til brukeren. Den viser den ekstra meldingen i en varslingsboks som har "Ok”-Knappen. Varslingsboksen tvinger brukeren til å lese den viste meldingen, og brukeren har ikke tilgang til websiden før varslingsboksen er lukket.
Syntaks av vinduet.varsling()
For å bruke varsler for websiden din, følg den undergitte syntaks:
vindu.Varsel ("Parameter")Her, i “Parameter”, Send informasjonen du vil vise i den ekstra varslingsboksen.
Eksempel: Vise utgang i JavaScript ved hjelp av vindu.varsling()
I dette eksemplet har vi lagt til en varslingsboks som dukker opp på websiden som viser "Dette er Linuxhint.com”Som innhold:
Linuxhint
Når vinduet.Varsel () Pop up vises på vår webside, deretter hvilken som helst kode skrevet etter vinduet.Varsel () blir ikke utført før du lukker varselet ved å trykke på “Ok”Knapp:
Konklusjon
Denne oppskrivningen diskuterte hvordan skjermutgang i JavaScript ved hjelp av konsoll.Logg(), dokument.skrive(), dokument.getElementById (), og vindu.varsling() funksjoner. Prosedyren for bruk av konsoll.logg (), dokument.skriv (), dokument.getElementById () og vindu.Varsel () Funksjoner for å vise utdata i JavaScript er også demonstrert i denne artikkelen. Basert på dine preferanser, kan du generere og vise utgang i JavaScript, ved å skrive utgang til et HTML -element, vise utgang i varslingsbokser, eller nettleserkonsollvinduet.