JavaScript tilbyder indbyggede metoder til at åbne og lukke browservinduet for at udføre yderligere operationer som robotvindue osv. Disse metoder hjælper med at åbne eller lukke browservinduets pop-ups. Følgende er vinduesmetoderne:

åben() tæt()

Det vindue.åbn metode bruges til at åbne en ny webside i et nyt vindue og vindue.luk metode til at lukke webside åbnet af window.open metode. Se metoden window.open() i detaljer:

Window.open()

Det er en foruddefineret vinduesmetode til JavaScript bruges til at åbne den nye fane eller et nyt vindue i browseren. Dette vil afhænge af din browserindstilling eller parametre, der er sendt i window.open()-metoden, som enten vil åbne et nyt vindue eller en ny fane.

Denne metode understøttes af næsten alle populære webbrowsere, såsom Chrome, Firefox osv. Følgende er syntaksen og parametrene for vinduesåbningsmetoden -

Syntaks

Denne funktion accepterer fire parametre, men de er valgfrie.

 window.open(URL, name, specs, replace); 

Eller

Du kan også bruge denne funktion uden at bruge vindue søgeord som vist nedenfor:

 open(URL, name, specs, replace) 

Der er ingen forskel mellem begge syntakser.

Parameterliste

Nedenfor er parametrelisten for window.open() metoden. Bemærk at - alle parametre i denne metode er valgfrie og fungerer anderledes.

URL: Denne valgfri parameter for funktionen window.open() indeholder URL-strengen på en webside, som du vil åbne. Hvis du ikke angiver nogen URL i denne funktion, åbner den et nyt tomt vindue ( om:blank ).

pandas loc

navn: Ved hjælp af denne parameter kan du indstille navnet på det vindue, du skal åbne. Det understøtter følgende værdier:

De ovenfor angivne værdier sendes inde i et enkelt eller dobbelt anførselstegn til funktionen window.open() ved navnparameterstedet.

specifikationer: Denne parameter indeholder de indstillinger, der er adskilt af kommaet. Element brugt i denne parameter må ikke have mellemrum, f.eks. bredde=150, højde=100 .

Det understøtter flere værdier.

erstatte: Ligesom de andre parametre for metoden window.open() er dette også en valgfri parameter. Den opretter enten en ny post eller erstatter den aktuelle post i historiklisten. Det understøtter to booleske værdier; dette betyder, at det returnerer enten sandt eller falsk:

Returværdier

Det vil returnere et nyåbnet vindue.

Eksempler

Her er nogle eksempler på funktionen window.open() til at åbne browservinduet/fanen. Som standard åbnes den angivne URL i en ny fane eller et nyt vindue. Se eksemplerne nedenfor:

1. open() med URL-parameter

Dette er et simpelt eksempel på en vinduesåbningsmetode, der har en websteds-URL inde i den. Vi har brugt en knap. Ved at klikke på denne knap vil window.open()-metoden kalde og åbne webstedet i en ny browserfane.

Kopiér kode

 Click the button to open new window <br> <br> Open Window 

Eller

Denne kode kan skrives som angivet nedenfor -

Kopiér kode

 function openWindow() { window.open(&apos;https://www.javatpoint.com&apos;); } Click the button to open new window <br> <br> Open Window 

Produktion

Når du klikker på dette Åbn vindue knappen, vil javatpoint-webstedet åbne i en ny fane i samme vindue.

Se skærmbilledet nedenfor:

2. open() uden parametre

I dette eksempel vil vi ikke videregive nogen parameter til window.open()-funktionen, så den nye fane åbnes i forrige vindue.

Kopiér kode

 function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window 

Produktion

Når du vil udføre ovenstående kode, vises en knap med den.

Når du klikker på dette Åbn vindue knappen, åbnes et tomt vindue i en ny fane.

3. open() med navneparametre

I dette eksempel vil vi specificere _forælder ved navneparameteren. Du kan sende en hvilken som helst af disse værdier (_parent, _blank, _top osv.) i den.

Kopiér kode

 function openWindow() { window.open(&apos;https://gmail.com&apos;, &apos;_parent&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 

Produktion

Udfør koden og få output som angivet nedenfor. Dette vil indeholde en knap til at klikke og åbne den nye URL i det samme overordnede vindue.

Når du klikker på denne knap, åbnes Gmail under det samme overordnede vindue.

Når du sender de forskellige værdier i anden parameter, vil du se forskellen for forskellige værdier.

4. Definer størrelsen for det nye vindue

I dette eksempel vil vi angive højden og bredden for det nye vindue. Til dette vil vi bruge den tredje parameter ( specifikationer ) i metoden window.open() og videregive højden og bredden af ​​vinduet adskilt af et komma til denne funktion. Så vinduet åbnes i den angivne størrelse.

Kopiér kode

 function openWindow() { window.open(&apos;&apos;, &apos;&apos;, &apos;width=300,height=200&apos;); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window 

Produktion

Udfør ovenstående kode og få output som angivet nedenfor. Dette vil indeholde en knap til at klikke og åbne den nye URL i det samme overordnede vindue.

Når du klikker på denne knap, åbnes et nyt tomt vindue under det overordnede vindue af størrelse.

Bemærk, at du også kan videregive URL'en til metoden window.open() for at åbne ethvert websted.

Åbn nyt vindue med et navn og en besked

Vi kan vise enhver brugerdefineret tekst eller formular i et nyt vindue, som vi vil åbne ved knapklik. Til dette skal vi give et hvilket som helst navn til det nye vindue og skrive noget tekst ind i det. Dette navn vil gå til metoden window.open() . Se koden nedenfor, hvordan den implementeres med faktisk kodning.

Kopiér kode

java tutorials

 function openWindow() { var newtab = window.open(&apos;&apos;, &apos;anotherWindow&apos;, &apos;width=300,height=150&apos;); newtab.document.write(&apos;<p> This is &apos;anotherWindow&apos;. It is 300px wide and 150px tall new window! </p>&apos;); } <b> Click the button to open the new user-defined sized window </b> <br> <br> Open Window 

Produktion

Udfør koden og få output som angivet nedenfor. Den vil indeholde en knap til at klikke og åbne den nye URL i det samme overordnede vindue.

Når du klikker på denne knap, åbnes et nyt vindue med en brugerdefineret besked under det overordnede vindue i størrelsen 300*150.

JavaScript tilbyder også den indbyggede metode, dvs. close() for at lukke browservinduet.

Luk vinduet åbnet af window.open()

I dette eksempel vil vi vise dig, hvordan du lukker vinduet eller fanen, der åbnes af metoden window.open(). For det første åbner vi en hjemmeside-URL i et nyt vindue (størrelse defineret i kode) ved at bruge et knapklik og derefter bruge en anden knap til at lukke det åbnede vindue. Se nedenstående kode, hvordan det vil blive gjort:

Kopiér kode

 Open and close window method example // function to open the new window tab with specified size function windowOpen() { var newWindow = window.open( &apos;https://www.javatpoint.com/&apos;, &apos;_blank&apos;, &apos;width=500, height=350&apos;); } // 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 

Produktion

Når du vil udføre koden, vil du få svaret som vist nedenfor:

Klik på Åbn Javatpoint knappen for at åbne Javatpoint-vejledningswebstedet. Vi har specificeret størrelsen (højde og bredde) på det nye pop-up vindue, der skal åbnes.

Hvis du klikker på Luk Javatpoint knappen, vil dette åbne vindue blive minimeret.

Browser support

Adskillige webbrowsere understøtter metoden window.open(), såsom:

• Chrome
• Mozilla Firefox
• Internet Explorer (IE)
• Opera
• Safari osv.

Du kan bruge og køre metoden window.open() på disse ovenstående browsere.

Bemærk: Du kan bruge JavaScript-metoden close() til at lukke det åbnede browservindue eller den fane, der åbnes af window.open(). Vi vil diskutere det mere detaljeret i næste kapitel.