logo

Metoda de deschidere a ferestrei JavaScript

JavaScript oferă metode încorporate pentru a deschide și închide fereastra browserului pentru a efectua operațiuni suplimentare, cum ar fi fereastra robotului etc. Aceste metode ajută la deschiderea sau închiderea ferestrelor pop-up ale ferestrei browserului. Următoarele sunt metodele ferestrei:

    deschis() închide()

The fereastra.deschis metoda este folosită pentru a deschide o nouă pagină web într-o nouă fereastră și fereastra.inchide metoda de a închide pagina web deschisă prin metoda window.open. Vedeți metoda window.open() în detaliu:

Window.open()

Este o metodă de fereastră predefinită de JavaScript folosit pentru a deschide noua filă sau fereastră în browser. Acest lucru va depinde de setarea browserului dvs. sau de parametrii trecuți în metoda window.open() pe care se va deschide fie o fereastră, fie o filă nouă.

Această metodă este acceptată de aproape toate browserele web populare, cum ar fi Chrome , Firefox , etc. Urmează sintaxa și parametrii metodei de deschidere a ferestrei -

Sintaxă

Această funcție acceptă patru parametri, dar sunt opționali.

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

Sau

De asemenea, puteți utiliza această funcție fără a utiliza fereastră cuvânt cheie după cum se arată mai jos:

 open(URL, name, specs, replace) 

Nu există nicio diferență între ambele sintaxe.

Lista parametrilor

Mai jos este lista de parametri ai metodei window.open(). Rețineți că - toți parametrii acestei metode sunt opționali și funcționează diferit.

URL: Acest parametru opțional al funcției window.open() conține șirul URL al unei pagini web, pe care doriți să o deschideți. Dacă nu specificați nicio adresă URL în această funcție, se va deschide o nouă fereastră goală ( despre: gol ).

Nume: Folosind acest parametru, puteți seta numele ferestrei pe care urmează să o deschideți. Acceptă următoarele valori:

_gol Adresa URL transmisă se va încărca într-o nouă filă/fereastră.
_mamă Adresa URL se va încărca în fereastra părinte sau în cadrul care este deja deschis.
_de sine Prin trecerea acestui parametru, URL-ul va înlocui ieșirea anterioară și se va deschide o nouă fereastră în același cadru.
_top Adresa URL înlocuiește orice set de cadre care poate fi încărcat.
Nume Furnizați numele noii ferestre pentru a afișa textul sau orice date de pe aceasta. (Notă - nu titlul ferestrei)

Valorile specificate mai sus sunt trecute în interiorul unui ghilimeleu simplu sau dublu la funcția window.open() la locul parametrului nume.

specificatii: Acest parametru conține setările care sunt separate prin virgulă. Elementul utilizat în acest parametru nu poate avea spații albe, de exemplu, lățime=150, înălțime=100 .

Susține mai multe valori.

a inlocui: Ca și ceilalți parametri ai metodei window.open(), acesta este și un parametru opțional. Fie creează o intrare nouă, fie înlocuiește intrarea curentă din lista istorică. Acceptă două valori booleene; aceasta înseamnă că returnează fie adevărat, fie fals:

Adevărat Returnează true dacă adresa URL înlocuiește intrarea curentă sau documentul din lista istorică.
Fals Returnează false dacă URL-ul creează o nouă intrare în lista istorică.

Valori returnate

Va returna o fereastră nou deschisă.

Exemple

Iată câteva exemple de funcție window.open() pentru a deschide fereastra/fila browserului. În mod implicit, adresa URL specificată se deschide într-o filă sau o fereastră nouă. Vezi exemplele de mai jos:

1. open() cu parametrul URL

Acesta este un exemplu simplu de metodă de deschidere a ferestrei având o adresă URL a site-ului web în interior. Am folosit un buton. Făcând clic pe acest buton, metoda window.open() va apela și deschide site-ul web într-o nouă filă de browser.

Copiați codul

 Click the button to open new window <br> <br> Open Window 
Testează-l acum

Sau

Acest cod poate fi scris după cum este prezentat mai jos -

structură de date

Copiați codul

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

Ieșire

Când faceți clic pe aceasta Deschide fereastra butonul, site-ul javatpoint se va deschide într-o filă nouă în aceeași fereastră.

Metoda de deschidere a ferestrei JavaScript

Vedeți captura de ecran de mai jos:

Metoda de deschidere a ferestrei JavaScript

2. open() fără parametri

În acest exemplu, nu vom transmite niciun parametru funcției window.open(), astfel încât noua filă să se deschidă în fereastra anterioară.

Copiați codul

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

Ieșire

Când veți executa codul de mai sus, va apărea un buton cu acesta.

Metoda de deschidere a ferestrei JavaScript

Când faceți clic pe acesta Deschide fereastra butonul, se va deschide o fereastră goală într-o filă nouă.

Metoda de deschidere a ferestrei JavaScript

3. open() cu parametri de nume

În acest exemplu, vom specifica _mamă la parametrul nume. Puteți trece oricare dintre aceste valori (_parent, _blank, _top etc.) în el.

Copiați codul

 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 
Testează-l acum

Ieșire

Executați codul și obțineți rezultatul așa cum este prezentat mai jos. Acesta va conține un buton pentru a face clic și a deschide noua adresă URL în aceeași fereastră părinte.

Metoda de deschidere a ferestrei JavaScript

Când faceți clic pe acest buton, Gmail se va deschide sub aceeași fereastră părinte.

Metoda de deschidere a ferestrei JavaScript

Când veți trece diferitele valori în al doilea parametru, veți vedea diferența pentru diferite valori.

4. Definiți dimensiunea pentru noua fereastră

În acest exemplu, vom specifica înălțimea și lățimea pentru noua fereastră. Pentru aceasta, vom folosi al treilea parametru ( specificații ) în metoda window.open() și treceți această funcție înălțimea și lățimea ferestrei separate prin virgulă. Deci, fereastra se va deschide la dimensiunea specificată.

Copiați codul

 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 
Testează-l acum

Ieșire

Executați codul de mai sus și obțineți rezultatul așa cum este prezentat mai jos. Acesta va conține un buton pentru a face clic și a deschide noua adresă URL în aceeași fereastră părinte.

Metoda de deschidere a ferestrei JavaScript

Când faceți clic pe acest buton, se va deschide o nouă fereastră goală sub fereastra părinte de dimensiune.

Metoda de deschidere a ferestrei JavaScript

Rețineți că puteți transmite, de asemenea, adresa URL către metoda window.open() pentru a deschide orice site web.

Deschide o nouă fereastră cu un nume și cu un mesaj

Putem afișa orice text sau formular definit de utilizator într-o fereastră nouă pe care o vom deschide la clic pe buton. Pentru aceasta, trebuie să oferim orice nume noii ferestre și să scriem ceva text în ea. Acest nume va trece la metoda window.open(). Vedeți codul de mai jos cum se va implementa cu codificarea reală.

Copiați codul

 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 
Testează-l acum

Ieșire

Executați codul și obțineți rezultatul așa cum este prezentat mai jos. Acesta va conține un buton pentru a face clic și a deschide noua adresă URL în aceeași fereastră părinte.

Metoda de deschidere a ferestrei JavaScript

Când faceți clic pe acest buton, se va deschide o nouă fereastră cu un mesaj definit de utilizator sub fereastra părinte cu dimensiunea 300*150.

Metoda de deschidere a ferestrei JavaScript

JavaScript oferă, de asemenea, metoda încorporată, adică close() pentru a închide fereastra browserului.

Închide fereastra deschisă de window.open()

În acest exemplu, vă vom arăta cum să închideți fereastra sau fila deschisă prin metoda window.open(). În primul rând, vom deschide o adresă URL a unui site într-o fereastră nouă (dimensiunea definită în cod) folosind un clic pe buton și apoi folosim un alt buton pentru a închide fereastra deschisă. Vedeți codul de mai jos cum se va face:

Copiați codul

 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 
Testează-l acum

Ieșire

Când veți executa codul, veți primi răspunsul așa cum se arată mai jos:

Metoda de deschidere a ferestrei JavaScript

Apasă pe Deschideți Javatpoint butonul pentru a deschide site-ul web de tutoriale Javatpoint. Am specificat dimensiunea (înălțimea și lățimea) noii ferestre pop-up de deschis.

Metoda de deschidere a ferestrei JavaScript

Dacă faceți clic pe Închideți Javatpoint butonul, această fereastră deschisă va fi minimizată.

Suport pentru browser

Mai multe browsere web acceptă metoda window.open(), cum ar fi:

  • Crom
  • Mozilla Firefox
  • Internet Explorer (IE)
  • Operă
  • Safari, etc.

Puteți utiliza și rula metoda window.open() pe aceste browsere de mai sus.

Notă: Puteți utiliza metoda close() a JavaScript-ului pentru a închide fereastra deschisă a browserului sau fila deschisă de window.open(). O vom discuta mai detaliat în capitolul următor.