A JavaScript beépített módszereket kínál a böngészőablak megnyitásához és bezárásához, hogy további műveleteket hajtson végre, például robotablakokat stb. Ezek a módszerek segítenek megnyitni vagy bezárni a böngészőablak előugró ablakait. A következő ablakmódszerek:

nyisd ki() Bezárás()

A ablak.nyitni módszerrel új weboldalt nyithatunk meg új ablakban, és ablakot.bezárni metódus a window.open módszerrel megnyitott weboldal bezárásához. Lásd a window.open() metódust részletesen:

Window.open()

Ez egy előre meghatározott ablakmódszer JavaScript az új lap vagy ablak megnyitására szolgál a böngészőben. Ez a böngésző beállításától vagy a window.open() metódusban átadott paraméterektől függ, hogy új ablak vagy lap nyílik meg.

Ezt a módszert szinte minden népszerű webböngésző támogatja, mint például a Chrome, Firefox stb. Az alábbiakban az ablak megnyitása metódus szintaxisa és paraméterei láthatók -

Szintaxis

Ez a függvény négy paramétert fogad el, de ezek nem kötelezőek.

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

Vagy

Ezt a funkciót a gomb használata nélkül is használhatja ablak kulcsszó az alábbiak szerint:

 open(URL, name, specs, replace) 

Nincs különbség a két szintaxis között.

Paraméterek listája

Az alábbiakban a window.open() metódus paraméterlistája látható. Vegye figyelembe, hogy - ennek a módszernek az összes paramétere nem kötelező, és eltérően működik.

URL: A window.open() függvénynek ez az opcionális paramétere a megnyitni kívánt weboldal URL-karakterláncát tartalmazza. Ha nem ad meg URL-t ebben a függvényben, akkor egy új üres ablakot nyit meg ( about:blank ).

név: Ezzel a paraméterrel beállíthatja a megnyitni kívánt ablak nevét. A következő értékeket támogatja:

A fent megadott értékek egyszeres vagy dupla idézőjelben kerülnek átadásra a window.open() függvénynek a névparaméter helyén.

specifikációk: Ez a paraméter a vesszővel elválasztott beállításokat tartalmazza. Az ebben a paraméterben használt elem nem tartalmazhat szóközöket, pl. szélesség=150,magasság=100 .

Számos értéket támogat.

csere: A window.open() metódus többi paraméteréhez hasonlóan ez is egy opcionális paraméter. Vagy új bejegyzést hoz létre, vagy lecseréli az aktuális bejegyzést az előzmények listájában. Két logikai értéket támogat; ez azt jelenti, hogy igaz vagy hamis értéket ad vissza:

Visszatérési értékek

Egy újonnan megnyitott ablakot fog visszaadni.

Példák

Íme néhány példa a window.open() függvényre a böngészőablak/lap megnyitásához. Alapértelmezés szerint a megadott URL új lapon vagy ablakban nyílik meg. Lásd az alábbi példákat:

java összehasonlítja a karakterláncokat

1. open() URL paraméterrel

Ez egy egyszerű példa az ablak megnyitási módszerére, amelyben egy webhely URL-címe található. Használtunk egy gombot. Erre a gombra kattintva a window.open() metódus meghívja és új böngészőlapon nyitja meg a webhelyet.

Kód másolása

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

Vagy

Ez a kód az alábbiak szerint írható -

Kód másolása

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

Kimenet

Ha erre kattint Nyitott ablak gombot, a javatpoint webhely egy új lapon nyílik meg ugyanabban az ablakban.

Lásd az alábbi képernyőképet:

2. open() paraméterek nélkül

Ebben a példában egyetlen paramétert sem adunk át a window.open() függvénynek, így az új lap az előző ablakban nyílik meg.

Kód másolása

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

Kimenet

Amikor végrehajtja a fenti kódot, megjelenik vele egy gomb.

Amikor erre kattint Nyitott ablak gombot, egy üres ablak új lapon nyílik meg.

reactjs térkép

3. open() névparaméterekkel

Ebben a példában megadjuk a _szülő a név paraméternél. Ezen értékek bármelyikét (_parent, _blank, _top, stb.) átadhatja benne.

Kód másolása

 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 

Kimenet

Futtassa le a kódot, és kapja meg a kimenetet az alábbiak szerint. Ez tartalmazni fog egy gombot, amellyel rákattinthat és megnyithatja az új URL-t ugyanabban a szülőablakban.

Ha erre a gombra kattint, a Gmail ugyanazon szülőablak alatt nyílik meg.

Amikor átadja a különböző értékeket a második paraméterben, látni fogja a különbséget a különböző értékek között.

4. Adja meg az új ablak méretét

Ebben a példában megadjuk az új ablak magasságát és szélességét. Ehhez a harmadik paramétert használjuk ( specifikációk ) a window.open() metódusban, és adja át ennek a függvénynek az ablak magasságát és szélességét vesszővel elválasztva. Tehát az ablak a megadott méretben nyílik meg.

Kód másolása

 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 

Kimenet

Hajtsa végre a fenti kódot, és kapja meg a kimenetet az alábbiak szerint. Ez tartalmazni fog egy gombot, amellyel rákattinthat és megnyithatja az új URL-t ugyanabban a szülőablakban.

Ha erre a gombra kattint, egy új üres ablak nyílik meg a méretű szülőablak alatt.

Vegye figyelembe, hogy az URL-címet a window.open() metódusnak is átadhatja bármely webhely megnyitásához.

Új ablak megnyitása névvel és üzenettel

Bármilyen felhasználó által definiált szöveget vagy űrlapot megjeleníthetünk új ablakban, amelyet a gombnyomásra meg fogunk nyitni. Ehhez bármilyen nevet kell adnunk az új ablaknak, és szöveget kell írni bele. Ez a név átkerül a window.open() metódushoz. Tekintse meg az alábbi kódot, hogyan valósul meg a tényleges kódolással.

Kód másolása

 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 

Kimenet

Futtassa le a kódot, és kapja meg a kimenetet az alábbiak szerint. Tartalmaz egy gombot, amelyre kattintva megnyithatja az új URL-t ugyanabban a szülőablakban.

Ha erre a gombra kattint, egy új ablak nyílik meg egy felhasználó által megadott üzenettel a 300*150 méretű szülőablak alatt.

A JavaScript a beépített metódust is kínálja, azaz a close()-t a böngészőablak bezárásához.

A window.open() által megnyitott ablak bezárása

Ebben a példában megmutatjuk, hogyan zárhatja be a window.open() metódussal megnyitott ablakot vagy lapot. Először egy gombnyomással nyitunk meg egy webhely URL-t egy új ablakban (a kódban meghatározott méret), majd egy másik gombbal zárjuk be a megnyitott ablakot. Tekintse meg az alábbi kódot, hogyan fog ez megtörténni:

Kód másolása

 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 

Kimenet

string tömb létrehozása java-ban

Amikor végrehajtja a kódot, az alábbi választ kapja:

Kattints a Nyissa meg a Javapointot gombot a Javapoint oktatóprogram webhelyének megnyitásához. Meghatároztuk a megnyitandó új felugró ablak méretét (magasságát és szélességét).

Ha rákattint a Javapont bezárása gomb megnyomásával ez a megnyitott ablak kis méretű lesz.

Böngésző támogatás

Számos webböngésző támogatja a window.open() metódust, például:

• Króm
• Mozilla Firefox
• Internet Explorer (IE)
• Opera
• Safari stb.

A fenti böngészőkben használhatja és futtathatja a window.open() metódust.

Megjegyzés: A JavaScript close() metódusával bezárhatja a megnyitott böngészőablakot vagy a window.open() által megnyitott lapot. A következő fejezetben részletesebben tárgyaljuk.