JavaScript ponuja vgrajene metode za odpiranje in zapiranje okna brskalnika za izvajanje dodatnih operacij, kot je robotsko okno itd. Te metode pomagajo odpreti ali zapreti pojavna okna okna brskalnika. Sledijo metode oken:
The okno.odprto se uporablja za odpiranje nove spletne strani v novem oknu in okno.zapri metoda za zapiranje spletne strani, odprte z metodo window.open. Oglejte si podrobno metodo window.open():
Window.open()
Je vnaprej določena metoda okna JavaScript uporablja se za odpiranje novega zavihka ali okna v brskalniku. To bo odvisno od nastavitve vašega brskalnika ali parametrov, posredovanih v metodi window.open(), da se odpre novo okno ali zavihek.
To metodo podpirajo skoraj vsi priljubljeni spletni brskalniki, kot je Chrome, Firefox , itd. Sledi sintaksa in parametri metode odpiranja okna -
Sintaksa
Ta funkcija sprejme štiri parametre, vendar so neobvezni.
window.open(URL, name, specs, replace);
oz
To funkcijo lahko uporabljate tudi brez uporabe okno ključna beseda, kot je prikazano spodaj:
binarno drevo proti bst
open(URL, name, specs, replace)
Med obema sintaksama ni razlik.
Seznam parametrov
Spodaj je seznam parametrov metode window.open(). Upoštevajte to - vsi parametri te metode so neobvezni in delujejo drugače.
URL: Ta neobvezni parameter funkcije window.open() vsebuje niz URL spletne strani, ki jo želite odpreti. Če v tej funkciji ne navedete nobenega URL-ja, se bo odprlo novo prazno okno ( približno: prazno ).
ime: S tem parametrom lahko nastavite ime okna, ki ga boste odprli. Podpira naslednje vrednosti:
| _prazno | Podan URL se bo naložil v nov zavihek/okno. |
| _parent | URL se bo naložil v nadrejeno okno ali okvir, ki je že odprt. |
| _sebe | S posredovanjem tega parametra bo URL nadomestil prejšnji izhod in v istem okvirju se bo odprlo novo okno. |
| _top | URL nadomesti vse okvirje, ki jih je mogoče naložiti. |
| Ime | Vnesite ime novega okna za prikaz besedila ali podatkov v njem. (Opomba - ni naslov okna) |
Zgoraj določene vrednosti se v enojnem ali dvojnem narekovaju posredujejo funkciji window.open() na mestu parametra imena.
specifikacije: Ta parameter vsebuje nastavitve, ki so ločene z vejico. Element, uporabljen v tem parametru, ne sme imeti presledkov, npr. širina=150,višina=100 .
Podpira več vrednosti.
zamenjati: Tako kot drugi parametri metode window.open() je tudi to izbirni parameter. Ustvari nov vnos ali zamenja trenutni vnos na seznamu zgodovine. Podpira dve logični vrednosti; to pomeni, da vrne true ali false:
| Prav | Vrne true, če URL nadomesti trenutni vnos ali dokument na seznamu zgodovine. |
| False | Vrne false, če URL ustvari nov vnos na seznamu zgodovine. |
Povratne vrednosti
Vrnilo bo novo odprto okno.
Primeri
Tukaj je nekaj primerov funkcije window.open() za odpiranje okna/zavihka brskalnika. Privzeto se navedeni URL odpre v novem zavihku ali oknu. Oglejte si spodnje primere:
1. open() s parametrom URL
To je preprost primer metode odpiranja okna, ki vsebuje URL spletnega mesta. Uporabili smo gumb. S klikom na ta gumb bo metoda window.open() poklicala in odprla spletno stran v novem zavihku brskalnika.
Kopiraj kodo
Click the button to open new window <br> <br> Open WindowPreizkusite zdaj
oz
To kodo lahko zapišete, kot je navedeno spodaj -
formatni niz java
Kopiraj kodo
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Preizkusite zdaj Izhod
Ko kliknete na to Odprto okno gumb, se bo spletno mesto javatpoint odprlo v novem zavihku znotraj istega okna.
Oglejte si spodnji posnetek zaslona:
2. open() brez parametrov
V tem primeru funkciji window.open() ne bomo posredovali nobenega parametra, tako da se bo nov zavihek odprl v prejšnjem oknu.
Kopiraj kodo
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Preizkusite zdaj Izhod
Ko boste izvedli zgornjo kodo, se bo z njo pojavil gumb.
Ko kliknete to Odprto okno gumb, se bo v novem zavihku odprlo prazno okno.
3. open() s parametri imena
V tem primeru bomo določili _parent pri parametru imena. Vanj lahko posredujete katero koli od teh vrednosti (_parent, _blank, _top itd.).
Kopiraj kodo
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Preizkusite zdaj Izhod
java pretvori char v int
Izvedite kodo in pridobite izhod, kot je podan spodaj. To bo vsebovalo gumb za klik in odpiranje novega URL-ja v istem nadrejenem oknu.
Ko kliknete ta gumb, se Gmail odpre pod istim nadrejenim oknom.
Ko posredujete različne vrednosti v drugem parametru, boste videli razliko za različne vrednosti.
4. Določite velikost novega okna
V tem primeru bomo določili višino in širino za novo okno. Za to bomo uporabili tretji parameter ( specifikacije ) v metodi window.open() in tej funkciji posredujte višino in širino okna, ločeno z vejico. Torej se bo okno odprlo v določeni velikosti.
Kopiraj kodo
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Preizkusite zdaj Izhod
Izvedite zgornjo kodo in pridobite izhod, kot je podan spodaj. To bo vsebovalo gumb za klik in odpiranje novega URL-ja v istem nadrejenem oknu.
Ko kliknete ta gumb, se pod nadrejenim oknom velikosti odpre novo prazno okno.
Upoštevajte, da lahko tudi posredujete URL metodi window.open(), da odprete katero koli spletno mesto.
Odprite novo okno z imenom in sporočilom
Poljubno uporabniško definirano besedilo ali obrazec lahko prikažemo v novem oknu, ki ga bomo odprli ob kliku na gumb. Za to moramo novemu oknu dati poljubno ime in vanj napisati nekaj besedila. To ime bo posredovano metodi window.open(). Oglejte si spodnjo kodo, kako se bo izvajala z dejanskim kodiranjem.
java programiranje praštevil
Kopiraj kodo
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 Preizkusite zdaj Izhod
Izvedite kodo in pridobite izhod, kot je podan spodaj. Vseboval bo gumb za klik in odpiranje novega URL-ja v istem nadrejenem oknu.
unordered_map c++
Ko kliknete ta gumb, se pod nadrejenim oknom velikosti 300*150 odpre novo okno z uporabniško določenim sporočilom.
JavaScript ponuja tudi vgrajeno metodo, tj. close() za zapiranje okna brskalnika.
Zapri okno, ki ga odpre window.open()
V tem primeru vam bomo pokazali, kako zapreti okno ali zavihek, odprt z metodo window.open(). Najprej bomo odprli URL spletnega mesta v novem oknu (velikost je določena v kodi) s klikom na gumb in nato z drugim gumbom zaprli to odprto okno. Oglejte si spodnjo kodo, kako bo to storjeno:
Kopiraj kodo
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 Preizkusite zdaj Izhod
Ko boste izvedli kodo, boste prejeli odgovor, kot je prikazan spodaj:
Kliknite na Odprite Javatpoint gumb za odpiranje spletnega mesta z vadnico Javatpoint. Določili smo velikost (višino in širino) novega pojavnega okna, ki naj se odpre.
Če kliknete na Zapri Javatpoint gumb bo to odprto okno pomanjšano.
Podpora za brskalnik
Več spletnih brskalnikov podpira metodo window.open(), na primer:
- Chrome
- Mozilla Firefox
- Internet Explorer (IE)
- Opera
- Safari itd.
V teh zgornjih brskalnikih lahko uporabite in zaženete metodo window.open().