„JavaScript“ siūlo integruotus būdus atidaryti ir uždaryti naršyklės langą, kad būtų galima atlikti papildomas operacijas, pvz., roboto langą ir pan. Šie metodai padeda atidaryti arba uždaryti naršyklės lango iššokančiuosius langus. Toliau pateikiami langų metodai:
The langas.atidaryti metodas naudojamas naujam tinklalapiui atidaryti naujame lange ir langas.uždaryti būdas uždaryti tinklalapį, atidarytą langu.atidaryti metodą. Išsamiau žiūrėkite window.open() metodą:
Window.open()
Tai iš anksto nustatytas lango metodas JavaScript naudojamas norint atidaryti naują skirtuką arba langą naršyklėje. Tai priklausys nuo naršyklės nustatymų arba parametrų, perduodamų naudojant window.open() metodą, kad bus atidarytas naujas langas arba skirtukas.
lygus metodui java
Šį metodą palaiko beveik visos populiarios žiniatinklio naršyklės, pvz., „Chrome“, Firefox ir tt Toliau pateikiama lango atidarymo metodo sintaksė ir parametrai -
Sintaksė
Ši funkcija priima keturis parametrus, tačiau jie yra neprivalomi.
window.open(URL, name, specs, replace);
Arba
Šią funkciją taip pat galite naudoti nenaudodami langas raktinis žodis, kaip parodyta žemiau:
open(URL, name, specs, replace)
Nėra skirtumo tarp abiejų sintaksių.
Parametrų sąrašas
Žemiau yra window.open() metodo parametrų sąrašas. Atkreipkite dėmesį, kad visi šio metodo parametrai yra neprivalomi ir veikia skirtingai.
URL: Šiame pasirenkamajame funkcijos window.open() parametre yra tinklalapio, kurį norite atidaryti, URL eilutė. Jei šioje funkcijoje nenurodysite jokio URL, atsidarys naujas tuščias langas ( apie:tuščias ).
vardas: Naudodami šį parametrą galite nustatyti lango, kurį ketinate atidaryti, pavadinimą. Jis palaiko šias vertes:
| _tuščias | Perduotas URL bus įkeltas į naują skirtuką / langą. |
| _tėvas | URL bus įkeltas į pirminį langą arba rėmelį, kuris jau atidarytas. |
| _savarankiškai | Perdavus šį parametrą, URL pakeis ankstesnę išvestį ir tame pačiame rėmelyje atsidarys naujas langas. |
| _viršuje | URL pakeičia bet kokį rėmelių rinkinį, kurį galima įkelti. |
| vardas | Pateikite naujo lango pavadinimą, kad būtų rodomas tekstas ar bet kokie jame esantys duomenys. (Pastaba – ne lango pavadinimas) |
Aukščiau nurodytos reikšmės perduodamos viena arba dviguba kabutes funkcijai window.open() pavadinimo parametro vietoje.
specifikacijos: Šiame parametre yra nustatymai, atskirti kableliu. Šiame parametre naudojamas elementas negali turėti tarpų, pvz., plotis = 150, aukštis = 100 .
Jis palaiko kelias vertybes.
pakeisti: Kaip ir kiti window.open() metodo parametrai, tai taip pat yra neprivalomas parametras. Tai arba sukuria naują įrašą, arba pakeičia esamą įrašą istorijos sąraše. Jis palaiko dvi Būlio reikšmes; tai reiškia, kad jis pateikia arba teisingą, arba klaidingą:
| Tiesa | Grąžina tiesa, jei URL pakeičia dabartinį įrašą arba dokumentą istorijos sąraše. |
| Netiesa | Grąžina false, jei URL sukuria naują įrašą istorijos sąraše. |
Grąžinamos vertės
Tai grąžins naujai atidarytą langą.
Pavyzdžiai
Štai keletas funkcijos window.open() pavyzdžiai, norint atidaryti naršyklės langą / skirtuką. Pagal numatytuosius nustatymus nurodytas URL atidaromas naujame skirtuke arba lange. Žiūrėkite toliau pateiktus pavyzdžius:
1. open() su URL parametru
Tai paprastas lango atidarymo metodo, kuriame yra svetainės URL, pavyzdys. Naudojome mygtuką. Spustelėjus šį mygtuką, window.open() metodas iškvies ir atidarys svetainę naujame naršyklės skirtuke.
Kopijuoti kodą
mb prieš gb
Click the button to open new window <br> <br> Open WindowIšbandykite dabar
Arba
Šis kodas gali būti parašytas taip, kaip nurodyta toliau -
Kopijuoti kodą
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Išbandykite dabar Išvestis
Kai paspausite šį Atidaryti langą mygtuką, javatpoint svetainė bus atidaryta naujame skirtuke tame pačiame lange.
Žiūrėkite žemiau esančią ekrano kopiją:
2. open() be parametrų
Šiame pavyzdyje mes neperduosime jokio parametro funkcijai window.open(), kad naujas skirtukas bus atidarytas ankstesniame lange.
Kopijuoti kodą
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Išbandykite dabar Išvestis
dvejetainių medžių rūšys
Kai vykdysite aukščiau pateiktą kodą, kartu su juo pasirodys mygtukas.
Kai paspausite tai Atidaryti langą mygtuką, tuščias langas atsidarys naujame skirtuke.
3. open() su pavadinimo parametrais
Šiame pavyzdyje nurodysime _tėvas vardo parametre. Jame galite perduoti bet kurią iš šių reikšmių (_parent, _blank, _top ir kt.).
Kopijuoti kodą
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Išbandykite dabar Išvestis
Vykdykite kodą ir gaukite išvestį, kaip nurodyta toliau. Jame bus mygtukas, skirtas spustelėti ir atidaryti naują URL tame pačiame pirminiame lange.
Kai spustelėsite šį mygtuką, „Gmail“ atsidarys tame pačiame pirminiame lange.
Kai perduosite skirtingas reikšmes antrame parametre, pamatysite skirtingų verčių skirtumus.
4. Nustatykite naujo lango dydį
Šiame pavyzdyje nurodysime naujo lango aukštį ir plotį. Tam naudosime trečiąjį parametrą ( specifikacijos ) naudojant window.open() metodą ir šiai funkcijai perduoti lango aukštį ir plotį, atskirtą kableliu. Taigi, langas atsidarys nurodyto dydžio.
Kopijuoti kodą
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Išbandykite dabar Išvestis
Vykdykite aukščiau pateiktą kodą ir gaukite išvestį, kaip nurodyta toliau. Jame bus mygtukas, skirtas spustelėti ir atidaryti naują URL tame pačiame pirminiame lange.
Spustelėjus šį mygtuką, po pirminiu dydžio langu atsidarys naujas tuščias langas.
Atminkite, kad taip pat galite perduoti URL į window.open() metodą, kad atidarytumėte bet kurią svetainę.
Atidaryti naują langą su pavadinimu ir žinute
Naujame lange galime parodyti bet kokį vartotojo apibrėžtą tekstą ar formą, kurią atidarysime spustelėję mygtuką. Tam turime suteikti bet kokį naujo lango pavadinimą ir į jį įrašyti tekstą. Šis pavadinimas bus perduotas metodui window.open(). Žiūrėkite toliau pateiktą kodą, kaip jis bus įgyvendintas naudojant tikrąjį kodavimą.
Kopijuoti kodą
java prisijungti su mysql
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 Išbandykite dabar Išvestis
Vykdykite kodą ir gaukite išvestį, kaip nurodyta toliau. Jame bus mygtukas, skirtas spustelėti ir atidaryti naują URL tame pačiame pirminiame lange.
Spustelėjus šį mygtuką, po pagrindiniu 300*150 dydžio langu atsidarys naujas langas su vartotojo nurodytu pranešimu.
„JavaScript“ taip pat siūlo integruotą metodą, ty uždaryti (), kad uždarytumėte naršyklės langą.
Uždaryti langą, kurį atidarė langas.open()
Šiame pavyzdyje parodysime, kaip uždaryti langą arba skirtuką, atidarytą naudojant window.open() metodą. Pirmiausia atidarysime svetainės URL naujame lange (dydis apibrėžtas kode) spustelėdami mygtuką, o tada naudodami kitą mygtuką uždarysime atidarytą langą. Žiūrėkite žemiau esantį kodą, kaip tai bus padaryta:
Kopijuoti kodą
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 Išbandykite dabar Išvestis
Kai vykdysite kodą, gausite atsakymą, kaip parodyta žemiau:
Spustelėkite Atidarykite Javapoint mygtuką, kad atidarytumėte Javapoint mokymo programos svetainę. Nurodėme atidaromo naujo iškylančiojo lango dydį (aukštį ir plotį).
Jei spustelėsite Uždaryti Javapoint mygtuką, šis atidarytas langas bus sumažintas.
Naršyklės palaikymas
Kelios žiniatinklio naršyklės palaiko window.open() metodą, pavyzdžiui:
- Chrome
- Mozilla Firefox
- Internet Explorer (IE)
- Opera
- Safari ir kt.
Šiose aukščiau esančiose naršyklėse galite naudoti ir paleisti metodą window.open().