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:
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:
| _üres | Az átadott URL egy új lapra/ablakba töltődik be. |
| _szülő | Az URL betöltődik a már megnyitott szülőablakba vagy keretbe. |
| _maga | A paraméter átadásával az URL lecseréli az előző kimenetet, és egy új ablak nyílik meg ugyanabban a keretben. |
| _top | Az URL lecserél minden betölthető keretkészletet. |
| Név | Adja meg az új ablak nevét a szöveg vagy a rajta lévő adatok megjelenítéséhez. (Megjegyzés – nem az ablak címe) |
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:
| Igaz | Igaz értéket ad vissza, ha az URL lecseréli az aktuális bejegyzést vagy dokumentumot az előzmények listájában. |
| Hamis | Hamis értéket ad vissza, ha az URL új bejegyzést hoz létre az előzmények listájában. |
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 WindowTesztelje most
Vagy
Ez a kód az alábbiak szerint írható -
Kód másolása
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Tesztelje most 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 Tesztelje most 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('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Tesztelje most 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('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Tesztelje most 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('', '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 Tesztelje most 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( '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 Tesztelje most 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.