JavaScript ofereix mètodes integrats per obrir i tancar la finestra del navegador per realitzar operacions addicionals, com ara la finestra del robot, etc. Aquests mètodes ajuden a obrir o tancar les finestres emergents del navegador. A continuació es mostren els mètodes de la finestra:
El window.open s'utilitza per obrir una pàgina web nova a una finestra nova i finestra.tancar mètode per tancar la pàgina web oberta pel mètode window.open. Vegeu el mètode window.open() en detall:
Window.open()
És un mètode de finestra predefinit de JavaScript s'utilitza per obrir la nova pestanya o finestra al navegador. Això dependrà de la configuració del navegador o dels paràmetres passats al mètode window.open() que s'obrirà una nova finestra o pestanya.
Aquest mètode és compatible amb gairebé tots els navegadors web populars, com ara Chrome , Firefox , etc. A continuació es mostren la sintaxi i els paràmetres del mètode d'obertura de finestra:
Sintaxi
Aquesta funció accepta quatre paràmetres, però són opcionals.
window.open(URL, name, specs, replace);
O
ubuntu quina comanda
També podeu utilitzar aquesta funció sense utilitzar el finestra paraula clau tal com es mostra a continuació:
open(URL, name, specs, replace)
No hi ha diferència entre ambdues sintaxis.
Llista de paràmetres
A continuació es mostra la llista de paràmetres del mètode window.open(). Tingueu en compte que tots els paràmetres d'aquest mètode són opcionals i funcionen de manera diferent.
URL: Aquest paràmetre opcional de la funció window.open() conté la cadena URL d'una pàgina web que voleu obrir. Si no especifiqueu cap URL en aquesta funció, s'obrirà una nova finestra en blanc ( sobre: en blanc ).
nom: Amb aquest paràmetre, podeu definir el nom de la finestra que obrireu. Admet els valors següents:
| _en blanc | L'URL passat es carregarà en una pestanya/finestra nova. |
| _pares | L'URL es carregarà a la finestra o marc principal que ja està obert. |
| _jo mateix | En passar aquest paràmetre, l'URL substituirà la sortida anterior i s'obrirà una finestra nova al mateix marc. |
| _superior | L'URL substitueix qualsevol conjunt de marcs que es pugui carregar. |
| Nom | Proporcioneu el nom de la finestra nova per mostrar el text o qualsevol dada que hi hagi. (Nota: no el títol de la finestra) |
Els valors especificats anteriorment es passen dins d'una cometa simple o doble a la funció window.open() al lloc del paràmetre de nom.
especificacions: Aquest paràmetre conté els paràmetres separats per comes. L'element utilitzat en aquest paràmetre no pot tenir espais en blanc, p. ex., amplada = 150, alçada = 100 .
Admet diversos valors.
substituir: Igual que els altres paràmetres del mètode window.open(), aquest també és un paràmetre opcional. Crea una entrada nova o substitueix l'entrada actual a la llista de l'historial. Admet dos valors booleans; això vol dir que retorna cert o fals:
| És cert | Retorna true si l'URL substitueix l'entrada o document actual de la llista de l'historial. |
| Fals | Retorna false si l'URL crea una entrada nova a la llista de l'historial. |
Valors de retorn
Tornarà una finestra oberta recentment.
Exemples
Aquests són alguns exemples de la funció window.open() per obrir la finestra/pestanya del navegador. De manera predeterminada, l'URL especificat s'obre en una pestanya o finestra nova. Vegeu els exemples següents:
1. open() amb el paràmetre URL
Aquest és un exemple senzill de mètode d'obertura de finestres amb una URL de lloc web dins. Hem utilitzat un botó. En fer clic en aquest botó, el mètode window.open() cridarà i obrirà el lloc web en una nova pestanya del navegador.
Copia el codi
java principal
Click the button to open new window <br> <br> Open WindowProva-ho ara
O
Aquest codi es pot escriure com es mostra a continuació:
Copia el codi
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Prova-ho ara Sortida
Quan feu clic a això Finestra oberta botó, el lloc javatpoint s'obrirà en una pestanya nova dins de la mateixa finestra.
Vegeu la captura de pantalla a continuació:
2. open() sense paràmetres
En aquest exemple, no passarem cap paràmetre a la funció window.open() de manera que la nova pestanya s'obrirà a la finestra anterior.
Copia el codi
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Prova-ho ara Sortida
Quan executeu el codi anterior, apareixerà un botó amb ell.
Quan feu clic a això Finestra oberta botó, s'obrirà una finestra en blanc en una pestanya nova.
3. open() amb paràmetres de nom
En aquest exemple, especificarem el _pares al paràmetre de nom. Podeu passar-hi qualsevol d'aquests valors (_parent, _blank, _top, etc.).
Copia el codi
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Prova-ho ara Sortida
convertir string a date
Executeu el codi i obteniu la sortida tal com es mostra a continuació. Això contindrà un botó per fer clic i obrir el nou URL a la mateixa finestra principal.
Quan feu clic a aquest botó, Gmail s'obrirà a la mateixa finestra principal.
Quan passeu els diferents valors al segon paràmetre, veureu la diferència per a diferents valors.
4. Definiu la mida de la finestra nova
En aquest exemple, especificarem l'alçada i l'amplada de la nova finestra. Per a això, utilitzarem el tercer paràmetre ( especificacions ) al mètode window.open() i passa l'alçada i l'amplada de la finestra separades per una coma a aquesta funció. Per tant, la finestra s'obrirà amb la mida especificada.
Copia el codi
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Prova-ho ara Sortida
Executeu el codi anterior i obteniu la sortida tal com es mostra a continuació. Això contindrà un botó per fer clic i obrir el nou URL a la mateixa finestra principal.
Quan feu clic a aquest botó, s'obrirà una nova finestra en blanc sota la finestra principal de mida.
matriu dinàmica en java
Tingueu en compte que també podeu passar l'URL al mètode window.open() per obrir qualsevol lloc web.
Obre una finestra nova amb un nom i amb un missatge
Podem mostrar qualsevol text o formulari definit per l'usuari en una finestra nova que obrirem fent clic al botó. Per això, hem de proporcionar qualsevol nom a la nova finestra i escriure-hi text. Aquest nom passarà al mètode window.open(). Vegeu el codi a continuació com s'implementarà amb la codificació real.
Copia el codi
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 Prova-ho ara Sortida
Executeu el codi i obteniu la sortida tal com es mostra a continuació. Contindrà un botó per fer clic i obrir el nou URL a la mateixa finestra principal.
Quan feu clic a aquest botó, s'obrirà una finestra nova amb un missatge definit per l'usuari sota la finestra principal de mida 300*150.
JavaScript també ofereix el mètode integrat, és a dir, close() per tancar la finestra del navegador.
Tanqueu la finestra oberta per window.open()
En aquest exemple, us mostrarem com tancar la finestra o pestanya oberta pel mètode window.open(). En primer lloc, obrirem l'URL d'un lloc web en una nova finestra (mida definida al codi) fent clic al botó i després utilitzar un altre botó per tancar aquesta finestra oberta. Vegeu el codi següent com es farà:
Copia el codi
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 Prova-ho ara Sortida
Quan executeu el codi, obtindreu la resposta tal com es mostra a continuació:
Feu clic a Obriu Javatpoint botó per obrir el lloc web del tutorial de Javatpoint. Hem especificat la mida (alçada i amplada) de la nova finestra emergent per obrir.
Si feu clic a Tanqueu Javatpoint botó, aquesta finestra oberta es reduirà al mínim.
quantes ciutats hi ha als EUA
Suport del navegador
Diversos navegadors web admeten el mètode window.open(), com ara:
- Chrome
- Mozilla Firefox
- Internet Explorer (IE)
- Òpera
- Safari, etc.
Podeu utilitzar i executar el mètode window.open() en aquests navegadors anteriors.