Vindusobjektmetoder | Forklart

De Vindusobjekt I JavaScript er et globalt objekt som automatisk er opprettet for det nåværende åpnede nettleservinduet. Det regnes som objektet i nettleseren, ikke av JavaScript. Vindusobjekt omfatter også noen metoder som kan brukes til å utføre spesifikke funksjoner som å endre størrelse på det aktive vinduet, vise en ledetekst, avkode en kodet streng, angi tidsintervall for å utføre operasjoner og mye mer.

Denne oppskrivningen vil diskutere vindusobjektmetoder i JavaScript. Vi vil demonstrere bruken av noen nyttige vindusobjektmetoder som Alert (), Bekreft (), Prompt (), Open () og SetTimeout (). Videre vil en liste over andre JavaScript -vindusobjektmetoder med beskrivelsen også bli gitt. Så la oss starte!

Window Object Alert () Metode i JavaScript

Vinduobjektvarsel () -metoden brukes til å vise en varslingsboks som inneholder den ekstra strengen og har en "Ok”-Knappen.

Eksempel: Bruke Window Object Alert () Metode i JavaScript

I dette eksemplet vil vi først definere en "msg ()”Funksjon med“varsling()”Vinduobjektmetode i kroppen. Etter å ha gjort det, vil vi legge til en "Klikk på meg”-Knappen og fest deretter“msg ()”Funksjon til dens“ved trykk" begivenhet:

Utfør ovennevnte program i din favorittkodeditor eller en hvilken som helst online kodende sandkasse; Imidlertid vil vi bruke JSBIN til dette formålet:

Når vi klikker på den uthevede knappen, vises en varslingsboks med meldingen "Vi lærer vindusobjektmetoder”:

Window Object Bekreft () Metode i JavaScript

I JavaScript brukes bekreftelsesmetoden for bekreftelse () for å vise en bekreftelsesboks som inneholder den ekstra strengen og to knapper: “Ok”Og“Avbryt”.

Eksempel: Bruke Window Object Confirm () -metode i JavaScript

I det undergitte eksemplet vil vi legge til en "msg ()”Funksjon. “msg ()”Funksjonen vil påkalle bekreftelsesmetoden for bekreftelse () med den spesifiserte meldingen. I tilfelle å klikke på “Ok”-Knappen, den vil vise en ledetekst som viser“Ja”Streng, og for“Avbryt”-Knappen, den vises“Nei”På ledeteksten:

Legg merke til at vi vil knytte den opprettede “msg ()”Funksjon, på“ved trykk”Hendelse av“Slett post”Knapp:

Her er "Slett post”-Knappen; Hvis du klikker på den, vil du vise dialogboksen under gitt bekreftelse:

Vi har klikket på “Ok”-Knappen, og følgende ledetekst vises i nettleseren:

I tilfelle å klikke "Avbryt”, Vårt JavaScript -program vil vise denne ledeteksten:

Window Object Prompt () Metode i JavaScript

Hvis du leter etter en vindusobjektmetode som kan hjelpe deg med å ta innspill fra brukeren gjennom en dialogboks, kan du bruke "spør ()”Metode i JavaScript -koden. “spør ()”Window Object Method gir et tekstfelt og den spesifiserte meldingen.

Eksempel: Bruke Window Object Prompt () -metode i JavaScript

I vårt JavaScript -program har vi lagt til et "Klikk på meg”-Knappen, og på sin“ved trykk”Arrangementet, vi vil påkalle“showInfo ()”Funksjon. Når kroppen til “showInfo ()”Funksjonen blir utført, den vil vise en ledetekst som ber deg om å oppgi navnet ditt, og så vil den vise det ekstra navnet i en varslingsboks når du vil klikke på“Ok”Knappen til ledeteksten:

Her har jeg kommet inn "Sharqa”Som navn og klikket deretter på“Ok”Knapp:

Som du kan se, vises det angitte navnet i en annen varslingsboks:

Window Object Open () Metode i JavaScript

Vinduobjektet åpen () -metoden brukes til å vise det ekstra innholdet i et nytt nettleservindu.

Eksempel: Bruke Window -objekt åpen () -metode i JavaScript

Vi har lagt til en lenke i "åpen()”Vinduobjektmetode i det undergitte eksemplet. I henhold til den oppgitte koden, når vi vil klikke på "Linuxhint”-Knappen, den definerte“åpen lenke()”Funksjonen vil bli påberopt, og den vil flytte kontrollen til det nye vinduet. Det åpne vinduet vil vise innholdet i den ekstra lenken:

Klikk på “Linuxhint”-Knappen åpner vårt Linuxhint -nettsted i det nye vinduet:

Window Object Settimeout () Metode i JavaScript

Settimeout () vindusobjektmetode utfører en spesifisert oppgave etter de ekstra millisekundene.

Eksempel: Window Object Settimeout () Metode i JavaScript

I det følgende eksemplet vil metoden setting () bli påkalt når vi klikker på "Klikk på meg” . knapp. Så etter "5”Sekunder, vil en varslingsboks vises i nettleservinduet:

Her er varslingsboksen vi har fått etter fem sekunder:

Andre vindusobjektmetoder i JavaScript

Sjekk ut listen over noen andre nyttige vindusobjektmetoder:

Vindusobjektmetode	Beskrivelse
ATOB ()	Vindusobjektet ATOB () -metoden brukes til å avkode en base-64-kodet streng.
uklarhet()	Vinduobjektet Blur () -metoden brukes til å bytte fokus fra det aktive vinduet.
BTOA ()	Vinduobjekt BTOA () -metoden brukes til å kode en streng i base-64.
ClearInterval ()	Window Object ClearInterval () -metoden brukes til å fjerne et timersett med SetInterval () -metode.
ClearTimeout ()	Window Object ClearTimeout () -metoden brukes til å fjerne et timersett ved hjelp av setTimeout () -metoden.
Lukk()	Vinduobjektet lukk () metoden brukes for å lukke det aktive vinduet.
fokus()	Vinduobjektfokus () -metoden brukes til å sette fokus til det aktive vinduet.
GetComputedStyle ()	Vinduobjektet GetComputedStyle () -metoden brukes til å hente de aktive CSS -stilene som brukes på et HTML -element.
getSelection ()	Vinduobjektet getSelection () -metoden brukes til å vise et valgobjekt som representerer tekstområdet valgt av brukeren.
MatchMedia ()	Window Object MatchMedia () -metoden brukes til å vise en MediaQuerylist som representerer den spesifiserte medias spørringsstreng.
MoveBy ()	Window Object MoveBy () -metoden brukes til å flytte en nettleserens vindu i forhold til dens nåværende posisjon.
flytte til()	Window Object Moveto () -metoden brukes til å flytte nettleserens vindu til den ekstra posisjonen.
skrive ut()	Vinduobjektutskrift () -metoden brukes til å skrive ut det aktive vinduets innhold.
RequestAnimationFrame ()	Window Object RequestAnimationFrame () -metoden brukes til å be nettleseren om å påkalle animasjonsoppdateringsfunksjonen.
RidizeBy ()	Vinduobjektet ResizeBy () -metoden brukes til å endre størrelse på det gjeldende vinduet i henhold til de ekstra pikslene.
resizeto ()	Vinduobjektet Resizeto () -metoden brukes til å endre størrelsen på det nåværende vinduet til den spesifiserte høyden og bredden.
Scrollby ()	Window Object Scrollby () -metoden brukes til å rulle dokumentet i henhold til det spesifiserte antallet piksler.
Scrollto ()	Window Object ScrollTo () -metoden brukes til å rulle dokumentet i henhold til de spesifiserte koordinatverdiene.
Stoppe()	Vindusobjektstopp () -metoden brukes til å hindre vinduet fra å lastes.

Konklusjon

Vindusobjektmetoder i JavaScript påkalles for å utføre spesifikke funksjoner for vindusobjektet, for eksempel å endre størrelsen på det aktive vinduet, vise en ledetekst, avkode en kodet streng, angi tidsintervall for å utføre operasjoner, fjerne fokus fra det gjeldende vinduet. Denne oppskrivningen diskuterte vindusobjektmetoder i JavaScript. Vi har demonstrert bruken av noen nyttige vindusobjektmetoder som Alert (), Bekreft (), Prompt (), Open () og SetTimeout (). Videre er det også gitt en liste over andre JavaScript -vindusobjektmetoder med beskrivelser.