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:
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 WindowTestează-l acum
Sau
Acest cod poate fi scris după cum este prezentat mai jos -
structură de date
Copiați codul
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open WindowTestează-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ă.
Vedeți captura de ecran de mai jos:
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 WindowTestează-l acum
Ieșire
Când veți executa codul de mai sus, va apărea un buton cu acesta.
Când faceți clic pe acesta Deschide fereastra butonul, se va deschide o fereastră goală într-o filă nouă.
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('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open WindowTestează-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.
Când faceți clic pe acest buton, Gmail se va deschide sub aceeași fereastră părinte.
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('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open WindowTestează-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.
Când faceți clic pe acest buton, se va deschide o nouă fereastră goală sub fereastra părinte de dimensiune.
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('', '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 WindowTestează-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.
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.
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( '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 JavatpointTestează-l acum
Ieșire
Când veți executa codul, veți primi răspunsul așa cum se arată mai jos:
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.
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.