logo

JavaScript-ikkunan avausmenetelmä

JavaScript tarjoaa sisäänrakennettuja menetelmiä selainikkunan avaamiseen ja sulkemiseen lisätoimintojen, kuten robottiikkunan jne. suorittamiseksi. Nämä menetelmät auttavat avaamaan tai sulkemaan selainikkunan ponnahdusikkunoita. Seuraavat ovat ikkunamenetelmät:

    avata() kiinni()

The ikkuna.avaa menetelmää käytetään uuden web-sivun avaamiseen uuteen ikkunaan ja ikkuna.sulje tapa sulkea window.open-menetelmällä avattu verkkosivu. Katso window.open() -menetelmä yksityiskohtaisesti:

Window.open()

Se on ennalta määritetty ikkunamenetelmä JavaScript käytetään uuden välilehden tai ikkunan avaamiseen selaimessa. Tämä riippuu selaimesi asetuksista tai window.open()-menetelmässä välitetyistä parametreista, jolloin joko uusi ikkuna tai välilehti avautuu.

Tätä menetelmää tukevat lähes kaikki suositut verkkoselaimet, kuten Chrome, Firefox jne. Seuraava on ikkunan avaamismenetelmän syntaksi ja parametrit -

Syntaksi

Tämä toiminto hyväksyy neljä parametria, mutta ne ovat valinnaisia.

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

Tai

Voit käyttää tätä toimintoa myös ilman ikkuna avainsana alla olevan kuvan mukaisesti:

 open(URL, name, specs, replace) 

Molempien syntaksien välillä ei ole eroa.

Parametriluettelo

Alla on window.open()-metodin parametriluettelo. Huomaa, että - kaikki tämän menetelmän parametrit ovat valinnaisia ​​ja toimivat eri tavalla.

URL-osoite: Tämä window.open()-funktion valinnainen parametri sisältää sen verkkosivun URL-merkkijonon, jonka haluat avata. Jos et määritä URL-osoitetta tässä funktiossa, se avaa uuden tyhjän ikkunan ( about:blank ).

tostring java -menetelmä

nimi: Tämän parametrin avulla voit määrittää avattavan ikkunan nimen. Se tukee seuraavia arvoja:

_tyhjä Hyväksytty URL-osoite latautuu uuteen välilehteen/ikkunaan.
_parent URL-osoite latautuu pääikkunaan tai kehykseen, joka on jo avattu.
_itse Kun tämä parametri välitetään, URL-osoite korvaa edellisen tulosteen ja uusi ikkuna avautuu samaan kehykseen.
_top URL korvaa minkä tahansa ladattavan kehysjoukon.
Nimi Anna uuden ikkunan nimi näyttääksesi tekstin tai siinä olevat tiedot. (Huomaa - ei ikkunan otsikko)

Yllä määritetyt arvot välitetään kerta- tai kaksoislainausmerkillä window.open()-funktiolle nimiparametrin paikassa.

tiedot: Tämä parametri sisältää asetukset, jotka on erotettu pilkulla. Tässä parametrissa käytetyssä elementissä ei voi olla välilyöntejä, esim. leveys=150,korkeus=100 .

Se tukee useita arvoja.

korvata: Kuten muutkin window.open()-metodin parametrit, tämä on valinnainen parametri. Se joko luo uuden merkinnän tai korvaa nykyisen merkinnän historialuettelossa. Se tukee kahta Boolen arvoa; tämä tarkoittaa, että se palauttaa joko tosi tai epätosi:

Totta Palauttaa tosi, jos URL korvaa nykyisen merkinnän tai asiakirjan historialuettelossa.
Väärä Palauttaa false, jos URL luo uuden merkinnän historialuetteloon.

Palautusarvot

Se palauttaa juuri avatun ikkunan.

tiedostojärjestelmä linuxissa

Esimerkkejä

Tässä on esimerkkejä window.open()-funktiosta selainikkunan/välilehden avaamiseksi. Oletuksena määritetty URL-osoite avautuu uuteen välilehteen tai ikkunaan. Katso alla olevat esimerkit:

1. open() URL-parametrilla

Tämä on yksinkertainen esimerkki ikkunan avaamismenetelmästä, jonka sisällä on verkkosivuston URL-osoite. Olemme käyttäneet nappia. Napsauttamalla tätä painiketta, window.open() -menetelmä kutsuu ja avaa verkkosivuston uudelle selaimen välilehdelle.

Kopioi koodi

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

Tai

Tämä koodi voidaan kirjoittaa alla kuvatulla tavalla -

Kopioi koodi

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

Lähtö

Kun napsautat tätä Avoin ikkuna -painiketta, javatpoint-sivusto avautuu uuteen välilehteen samassa ikkunassa.

JavaScript-ikkunan avausmenetelmä

Katso alla oleva kuvakaappaus:

JavaScript-ikkunan avausmenetelmä

2. open() ilman parametreja

Tässä esimerkissä emme välitä mitään parametreja window.open()-funktiolle, joten uusi välilehti avautuu edellisessä ikkunassa.

Kopioi koodi

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

Lähtö

Kun suoritat yllä olevan koodin, sen mukana tulee painike.

JavaScript-ikkunan avausmenetelmä

Kun napsautat tätä Avoin ikkuna -painiketta, tyhjä ikkuna avautuu uuteen välilehteen.

JavaScript-ikkunan avausmenetelmä

3. open() nimiparametreilla

Tässä esimerkissä määritämme _parent nimiparametrissa. Voit välittää siinä minkä tahansa näistä arvoista (_parent, _blank, _top jne.).

Kopioi koodi

 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 
Testaa nyt

Lähtö

vertaa merkkijonoa javaa

Suorita koodi ja hanki tulos alla olevan mukaisesti. Tämä sisältää painikkeen, jolla voit napsauttaa ja avata uuden URL-osoitteen samassa ylätason ikkunassa.

preity zinta
JavaScript-ikkunan avausmenetelmä

Kun napsautat tätä painiketta, Gmail avautuu saman ylätason ikkunan alle.

JavaScript-ikkunan avausmenetelmä

Kun välität eri arvot toisessa parametrissa, näet eron eri arvoilla.

4. Määritä uuden ikkunan koko

Tässä esimerkissä määritämme uuden ikkunan korkeuden ja leveyden. Tätä varten käytämme kolmatta parametria ( tiedot ) window.open() -menetelmässä ja välitä ikkunan korkeus ja leveys pilkulla erotettuna tälle funktiolle. Joten ikkuna avautuu määritetyssä koossa.

Kopioi koodi

 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 
Testaa nyt

Lähtö

Suorita yllä oleva koodi ja hanki tulos alla olevan mukaisesti. Tämä sisältää painikkeen, jolla voit napsauttaa ja avata uuden URL-osoitteen samassa ylätason ikkunassa.

JavaScript-ikkunan avausmenetelmä

Kun napsautat tätä painiketta, uusi tyhjä ikkuna avautuu koon pääikkunan alle.

JavaScript-ikkunan avausmenetelmä

Huomaa, että voit myös välittää URL-osoitteen window.open()-menetelmälle minkä tahansa verkkosivuston avaamiseksi.

Avaa uusi ikkuna, jossa on nimi ja viesti

Voimme näyttää minkä tahansa käyttäjän määrittämän tekstin tai lomakkeen uudessa ikkunassa, jonka aiomme avata napin painalluksella. Tätä varten meidän on annettava uudelle ikkunalle mikä tahansa nimi ja kirjoitettava siihen tekstiä. Tämä nimi siirtyy window.open()-metodiin. Katso alla oleva koodi, kuinka se toteutetaan todellisella koodauksella.

Kopioi koodi

 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 
Testaa nyt

Lähtö

Suorita koodi ja hanki tulos alla olevan mukaisesti. Se sisältää painikkeen, jolla voit napsauttaa ja avata uuden URL-osoitteen samassa ylätason ikkunassa.

JavaScript-ikkunan avausmenetelmä

Kun napsautat tätä painiketta, avautuu uusi ikkuna, jossa on käyttäjän määrittämä viesti ylätason ikkunan alle, jonka koko on 300*150.

JavaScript-ikkunan avausmenetelmä

JavaScript tarjoaa myös sisäänrakennetun menetelmän, eli close() selainikkunan sulkemiseksi.

Sulje ikkunan avaama ikkuna.open()

Tässä esimerkissä näytämme, kuinka voit sulkea window.open()-menetelmällä avatun ikkunan tai välilehden. Ensinnäkin avaamme verkkosivuston URL-osoitteen uuteen ikkunaan (koodissa määritetty koko) napsautuksella ja suljemme sitten avatun ikkunan toisella painikkeella. Katso alla oleva koodi, kuinka se tehdään:

Kopioi koodi

 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 
Testaa nyt

Lähtö

Kun suoritat koodin, saat vastauksen alla olevan kuvan mukaisesti:

JavaScript-ikkunan avausmenetelmä

Klikkaa Avaa Javapoint -painiketta avataksesi Javapoint-opastussivuston. Olemme määrittäneet avattavan uuden ponnahdusikkunan koon (korkeuden ja leveyden).

JavaScript-ikkunan avausmenetelmä

Jos napsautat Sulje Javapoint -painiketta, tämä avattu ikkuna pienennetään.

Selaimen tuki

Useat verkkoselaimet tukevat window.open()-menetelmää, kuten:

hakemiston uudelleennimeäminen linuxissa
  • Kromi
  • Mozilla Firefox
  • Internet Explorer (IE)
  • Ooppera
  • Safari jne.

Voit käyttää ja suorittaa window.open()-menetelmää näissä yllä olevissa selaimissa.

Huomautus: Voit käyttää JavaScriptin close()-menetelmää sulkeaksesi avatun selainikkunan tai välilehden, joka avataan komennolla window.open(). Käsittelemme sitä seuraavassa luvussa tarkemmin.