TechCodeview

JavaScript nudi ugrađene metode za otvaranje i zatvaranje prozora preglednika za izvođenje dodatnih operacija poput prozora robota itd. Ove metode pomažu otvoriti ili zatvoriti skočne prozore prozora preglednika. Slijede metode prozora:

otvoren() Zatvoriti()

The prozor.otvoriti Metoda se koristi za otvaranje nove web stranice u novom prozoru i prozor.zatvoriti metoda za zatvaranje web stranice otvorene metodom window.open. Detaljno pogledajte metodu window.open():

Window.open()

To je unaprijed definirana metoda prozora JavaScript koristi se za otvaranje nove kartice ili prozora u pregledniku. To će ovisiti o postavkama vašeg preglednika ili parametrima proslijeđenim u metodi window.open() da će se otvoriti novi prozor ili kartica.

Ovu metodu podržavaju gotovo svi popularni web preglednici, poput Chromea, Firefox , itd. Slijedi sintaksa i parametri metode otvaranja prozora -

duljina niza bash

Sintaksa

Ova funkcija prihvaća četiri parametra, ali oni nisu obavezni.

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

Ili

Također možete koristiti ovu funkciju bez korištenja prozor ključna riječ kao što je prikazano u nastavku:

 open(URL, name, specs, replace) 

Nema razlike između obje sintakse.

Popis parametara

Ispod je popis parametara metode window.open(). Imajte na umu da - svi parametri ove metode nisu obavezni i rade drugačije.

URL: Ovaj izborni parametar funkcije window.open() sadrži URL niz web stranice koju želite otvoriti. Ako ne navedete nijedan URL u ovoj funkciji, otvorit će se novi prazan prozor ( oko:prazno ).

Ime: Pomoću ovog parametra možete postaviti naziv prozora koji ćete otvoriti. Podržava sljedeće vrijednosti:

Gore navedene vrijednosti prosljeđuju se unutar jednostrukih ili dvostrukih navodnika funkciji window.open() na mjestu parametra naziva.

naočale: Ovaj parametar sadrži postavke koje su odvojene zarezom. Element koji se koristi u ovom parametru ne može imati razmake, npr. širina=150,visina=100 .

Podržava nekoliko vrijednosti.

zamijeniti: Kao i drugi parametri metode window.open(), ovo je također izborni parametar. Ili stvara novi unos ili zamjenjuje trenutni unos na popisu povijesti. Podržava dvije Booleove vrijednosti; to znači da vraća istinito ili lažno:

ubuntu build neophodna

Povratne vrijednosti

Vratit će novootvoreni prozor.

Primjeri

Evo nekoliko primjera funkcije window.open() za otvaranje prozora/kartice preglednika. Prema zadanim postavkama, navedeni URL otvara se u novoj kartici ili prozoru. Pogledajte primjere u nastavku:

1. open() s URL parametrom

Ovo je jednostavan primjer metode otvaranja prozora koja unutar sebe ima URL web stranice. Koristili smo gumb. Klikom na ovaj gumb, window.open() metoda će pozvati i otvoriti web stranicu u novoj kartici preglednika.

Kopiraj kod

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

Ili

Ovaj kod se može napisati kao što je dato u nastavku -

Kopiraj kod

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

Izlaz

Kada kliknete na ovo Otvoreni prozor gumb, javatpoint stranica otvorit će se u novoj kartici unutar istog prozora.

Pogledajte snimak zaslona u nastavku:

2. open() bez parametara

U ovom primjeru nećemo proslijediti nikakav parametar funkciji window.open() tako da će se nova kartica otvoriti u prethodnom prozoru.

Kopiraj kod

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

Izlaz

Kada izvršite gornji kod, pojavit će se gumb s njim.

Kada kliknete ovo Otvoreni prozor otvorit će se prazan prozor u novoj kartici.

3. open() s parametrima imena

U ovom primjeru navest ćemo _roditelj kod parametra imena. U njemu možete proslijediti bilo koju od ovih vrijednosti (_parent, _blank, _top itd.).

Kopiraj kod

 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 

Izlaz

kako isključiti android način rada za razvojne programere

Izvršite kod i dobijte izlaz kao što je navedeno u nastavku. Ovo će sadržavati gumb za klik i otvaranje novog URL-a u istom nadređenom prozoru.

Kada kliknete ovaj gumb, Gmail će se otvoriti pod istim nadređenim prozorom.

Kada proslijedite različite vrijednosti u drugom parametru, vidjet ćete razliku za različite vrijednosti.

4. Definirajte veličinu za novi prozor

U ovom primjeru odredit ćemo visinu i širinu za novi prozor. Za to ćemo koristiti treći parametar ( naočale ) u metodi window.open() i ovoj funkciji proslijedite visinu i širinu prozora odvojene zarezom. Dakle, prozor će se otvoriti u navedenoj veličini.

Kopiraj kod

 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 

Izlaz

koji su mjeseci q1

Izvršite gornji kod i dobijte izlaz kao što je navedeno u nastavku. Ovo će sadržavati gumb za klik i otvaranje novog URL-a u istom nadređenom prozoru.

Kada kliknete ovaj gumb, otvorit će se novi prazan prozor ispod nadređenog prozora veličine.

Imajte na umu da također možete proslijediti URL metodi window.open() da biste otvorili bilo koje web mjesto.

Otvori novi prozor s imenom i porukom

Možemo prikazati bilo koji korisnički definirani tekst ili obrazac u novom prozoru koji ćemo otvoriti pritiskom na gumb. Za to moramo novom prozoru dati bilo koji naziv i u njega upisati neki tekst. Ovo će ime proslijediti metodi window.open(). Pogledajte kod u nastavku kako će se implementirati sa stvarnim kodiranjem.

Kopiraj kod

 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 

Izlaz

Izvršite kod i dobijte izlaz kao što je navedeno u nastavku. Sadržavat će gumb za klik i otvaranje novog URL-a u istom nadređenom prozoru.

Kada kliknete ovaj gumb, otvorit će se novi prozor s korisnički definiranom porukom ispod nadređenog prozora veličine 300*150.

JavaScript također nudi ugrađenu metodu, tj. close() za zatvaranje prozora preglednika.

neuredno obilaženje binarnog stabla

Zatvorite prozor koji otvara window.open()

U ovom primjeru ćemo vam pokazati kako zatvoriti prozor ili karticu otvoren metodom window.open(). Prvo ćemo otvoriti URL web stranice u novom prozoru (veličine definirane u kodu) pritiskom na gumb, a zatim ćemo upotrijebiti drugi gumb da zatvorimo taj otvoreni prozor. Pogledajte kod u nastavku kako će to biti učinjeno:

Kopiraj kod

 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 

Izlaz

Kada izvršite kod, dobit ćete odgovor kao što je prikazano u nastavku:

Kliknite na Otvorite Javatpoint gumb za otvaranje web stranice s uputama za Javatpoint. Odredili smo veličinu (visinu i širinu) novog skočnog prozora za otvaranje.

Ako kliknete na Zatvori Javatpoint gumb, ovaj otvoreni prozor će biti minimiziran.

Podrška za preglednik

Nekoliko web preglednika podržava metodu window.open(), kao što su:

• Krom
• Mozilla Firefox
• Internet Explorer (IE)
• Opera
• Safari itd.

Možete koristiti i pokrenuti metodu window.open() na ovim gore navedenim preglednicima.

Napomena: Možete koristiti metodu close() JavaScripta da biste zatvorili otvoreni prozor preglednika ili karticu otvorenu pomoću window.open(). O tome ćemo detaljnije raspravljati u sljedećem poglavlju.