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:
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 WindowTestaa nyt
Tai
Tämä koodi voidaan kirjoittaa alla kuvatulla tavalla -
Kopioi koodi
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open WindowTestaa nyt
Lähtö
Kun napsautat tätä Avoin ikkuna -painiketta, javatpoint-sivusto avautuu uuteen välilehteen samassa ikkunassa.
Katso alla oleva kuvakaappaus:
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 WindowTestaa nyt
Lähtö
Kun suoritat yllä olevan koodin, sen mukana tulee painike.
Kun napsautat tätä Avoin ikkuna -painiketta, tyhjä ikkuna avautuu uuteen välilehteen.
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('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open WindowTestaa 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
Kun napsautat tätä painiketta, Gmail avautuu saman ylätason ikkunan alle.
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('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open WindowTestaa 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.
Kun napsautat tätä painiketta, uusi tyhjä ikkuna avautuu koon pääikkunan alle.
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('', '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 WindowTestaa 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.
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 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( '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 JavatpointTestaa nyt
Lähtö
Kun suoritat koodin, saat vastauksen alla olevan kuvan mukaisesti:
Klikkaa Avaa Javapoint -painiketta avataksesi Javapoint-opastussivuston. Olemme määrittäneet avattavan uuden ponnahdusikkunan koon (korkeuden ja leveyden).
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.