JavaScript tilbyr innebygde metoder for å åpne og lukke nettleservinduet for å utføre tilleggsoperasjoner som robotvindu osv. Disse metodene hjelper til med å åpne eller lukke nettleservinduets popup-vinduer. Følgende er vindusmetodene:
De vindu.åpne metoden brukes til å åpne en ny nettside i et nytt vindu og vindu.lukk metode for å lukke nettside åpnet av window.open-metoden. Se window.open()-metoden i detalj:
Window.open()
Det er en forhåndsdefinert vindusmetode for JavaScript brukes til å åpne den nye fanen eller vinduet i nettleseren. Dette vil avhenge av nettleserinnstillingen din eller parametere som sendes i window.open()-metoden som enten et nytt vindu eller fane vil åpne.
Denne metoden støttes av nesten alle populære nettlesere, som Chrome , Firefox , etc. Følgende er syntaksen og parameterne for vinduet åpne-metoden -
Syntaks
Denne funksjonen godtar fire parametere, men de er valgfrie.
window.open(URL, name, specs, replace);
Eller
Du kan også bruke denne funksjonen uten å bruke vindu nøkkelord som vist nedenfor:
open(URL, name, specs, replace)
Det er ingen forskjell mellom begge syntaksene.
Parameterliste
Nedenfor er parameterlisten for window.open()-metoden. Merk at - alle parametere for denne metoden er valgfrie og fungerer annerledes.
URL: Denne valgfrie parameteren til window.open()-funksjonen inneholder URL-strengen til en nettside som du vil åpne. Hvis du ikke angir noen URL i denne funksjonen, vil den åpne et nytt tomt vindu ( about:blank ).
pandas loc
Navn: Ved å bruke denne parameteren kan du angi navnet på vinduet du skal åpne. Den støtter følgende verdier:
| _blank | Bestått URL vil lastes inn i en ny fane/vindu. |
| _forelder | URL vil lastes inn i det overordnede vinduet eller rammen som allerede er åpnet. |
| _selv | Ved å sende denne parameteren vil URL-en erstatte den forrige utgangen og et nytt vindu åpnes i samme ramme. |
| _topp | URL erstatter alle rammesett som kan lastes. |
| Navn | Oppgi navnet på det nye vinduet for å vise teksten eller data på det. (Merk - ikke tittelen på vinduet) |
De ovenfor spesifiserte verdiene sendes i et enkelt eller dobbelt anførselstegn til funksjonen window.open() ved navneparameterstedet.
spesifikasjoner: Denne parameteren inneholder innstillingene som er atskilt med komma. Elementet som brukes i denne parameteren kan ikke ha mellomrom, f.eks. bredde=150, høyde=100 .
Den støtter flere verdier.
erstatte: Som de andre parameterne til window.open()-metoden, er dette også en valgfri parameter. Den oppretter enten en ny oppføring eller erstatter gjeldende oppføring i historielisten. Den støtter to boolske verdier; dette betyr at det returnerer enten sant eller usant:
| ekte | Returner sann hvis URL erstatter gjeldende oppføring eller dokument i historikklisten. |
| Falsk | Returner usann hvis URL oppretter en ny oppføring i historikklisten. |
Returverdier
Det vil returnere et nyåpnet vindu.
Eksempler
Her er noen eksempler på funksjonen window.open() for å åpne nettleservinduet/fanen. Som standard åpnes den angitte URL-adressen i ny fane eller vindu. Se eksemplene nedenfor:
1. open() med URL-parameter
Dette er et enkelt eksempel på en vindu åpen metode som har en nettadresse inni seg. Vi har brukt en knapp. Ved å klikke på denne knappen vil window.open()-metoden kalle opp og åpne nettstedet i ny nettleserfane.
Kopier kode
Click the button to open new window <br> <br> Open WindowTest det nå
Eller
Denne koden kan skrives som gitt nedenfor -
Kopier kode
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Test det nå Produksjon
Når du klikker på denne Åpent vindu knappen, vil javatpoint-nettstedet åpnes i en ny fane i samme vindu.
Se skjermbildet nedenfor:
2. open() uten parametere
I dette eksemplet vil vi ikke sende noen parameter til funksjonen window.open() slik at den nye fanen åpnes i forrige vindu.
Kopier kode
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Test det nå Produksjon
Når du skal utføre koden ovenfor, vises en knapp med den.
Når du klikker på denne Åpent vindu knappen, vil et tomt vindu åpnes i en ny fane.
3. open() med navneparametere
I dette eksemplet vil vi spesifisere _forelder ved navneparameteren. Du kan sende hvilken som helst av disse verdiene (_parent, _blank, _top, etc.) i den.
Kopier kode
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Test det nå Produksjon
Utfør koden og få utdata som gitt nedenfor. Dette vil inneholde en knapp for å klikke og åpne den nye URL-en i samme overordnede vindu.
Når du klikker på denne knappen, åpnes Gmail under det samme overordnede vinduet.
Når du sender de forskjellige verdiene i andre parameter, vil du se forskjellen for forskjellige verdier.
4. Definer størrelsen for det nye vinduet
I dette eksemplet vil vi spesifisere høyden og bredden for det nye vinduet. For dette vil vi bruke den tredje parameteren ( spesifikasjoner ) i window.open()-metoden og send høyden og bredden til vinduet atskilt med komma til denne funksjonen. Så vinduet åpnes i den angitte størrelsen.
Kopier kode
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Test det nå Produksjon
Utfør koden ovenfor og få utdata som gitt nedenfor. Dette vil inneholde en knapp for å klikke og åpne den nye URL-en i samme overordnede vindu.
Når du klikker på denne knappen, åpnes et nytt tomt vindu under det overordnede vinduet med størrelse.
Merk at du også kan sende URL-en til window.open()-metoden for å åpne et hvilket som helst nettsted.
Åpne et nytt vindu med et navn og en melding
Vi kan vise hvilken som helst brukerdefinert tekst eller form i et nytt vindu som vi skal åpne ved knappeklikk. For dette må vi gi et hvilket som helst navn til det nye vinduet og skrive litt tekst inn i det. Dette navnet vil gå til window.open()-metoden. Se koden nedenfor hvordan den vil implementeres med faktisk koding.
Kopier kode
Java-opplæringer
function openWindow() { var newtab = window.open('', 'anotherWindow', 'width=300,height=150'); newtab.document.write('<p> This is 'anotherWindow'. It is 300px wide and 150px tall new window! </p>'); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window Test det nå Produksjon
Utfør koden og få utdata som gitt nedenfor. Den vil inneholde en knapp for å klikke og åpne den nye URL-en i samme overordnede vindu.
Når du klikker på denne knappen, åpnes et nytt vindu med en brukerdefinert melding under hovedvinduet i størrelse 300*150.
JavaScript tilbyr også den innebygde metoden, dvs. close() for å lukke nettleservinduet.
Lukk vinduet åpnet av window.open()
I dette eksemplet vil vi vise deg hvordan du lukker vinduet eller fanen som åpnes med window.open()-metoden. For det første vil vi åpne en nettadresse i et nytt vindu (størrelse definert i kode) ved å klikke på en knapp og deretter bruke en annen knapp for å lukke det åpne vinduet. Se koden nedenfor hvordan det skal gjøres:
Kopier kode
Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( 'https://www.javatpoint.com/', '_blank', 'width=500, height=350'); } // function to close the window opened by window.open() function windowClose() { newWindow.close(); } <h2> Window open() and close() method </h2> <b> Click the button to open Javatpoint tutorial site </b> <br> Open Javatpoint <br> <br> <b> Click the button to close Javatpoint tutorial site </b> <br> Close Javatpoint Test det nå Produksjon
Når du skal utføre koden, vil du få svaret som vist nedenfor:
Klikk på Åpne Javatpoint for å åpne Javatpoint-opplæringsnettstedet. Vi har spesifisert størrelsen (høyde og bredde) på det nye popup-vinduet som skal åpnes.
Hvis du klikker på Lukk Javatpoint knappen, vil dette åpne vinduet bli minimert.
Nettleserstøtte
Flere nettlesere støtter window.open()-metoden, for eksempel:
- Chrome
- Mozilla Firefox
- Internet Explorer (IE)
- Opera
- Safari osv.
Du kan bruke og kjøre metoden window.open() på disse nettleserne ovenfor.