JavaScript erbjuder inbyggda metoder för att öppna och stänga webbläsarfönstret för att utföra ytterligare operationer som robotfönster etc. Dessa metoder hjälper till att öppna eller stänga webbläsarfönstrets popup-fönster. Följande är fönstermetoderna:
De fönster.öppna metod används för att öppna en ny webbsida i ett nytt fönster och fönster.stäng metod för att stänga webbsida som öppnats av metoden window.open. Se metoden window.open() i detalj:
Window.open()
Det är en fördefinierad fönstermetod för JavaScript används för att öppna den nya fliken eller fönstret i webbläsaren. Detta beror på din webbläsarinställning eller parametrar som skickas i metoden window.open() som antingen ett nytt fönster eller flik kommer att öppnas.
Denna metod stöds av nästan alla populära webbläsare, som Chrome , Firefox , etc. Följande är syntaxen och parametrarna för fönsteröppningsmetoden -
textstorlek latex
Syntax
Denna funktion accepterar fyra parametrar, men de är valfria.
window.open(URL, name, specs, replace);
Eller
Du kan också använda den här funktionen utan att använda fönster nyckelord som visas nedan:
open(URL, name, specs, replace)
Det är ingen skillnad mellan båda syntaxerna.
Parameterlista
Nedan finns parameterlistan för metoden window.open(). Observera att - alla parametrar för denna metod är valfria och fungerar annorlunda.
URL: Denna valfria parameter för funktionen window.open() innehåller URL-strängen för en webbsida som du vill öppna. Om du inte anger någon URL i den här funktionen öppnas ett nytt tomt fönster ( about:blank ).
namn: Med den här parametern kan du ställa in namnet på fönstret du ska öppna. Den stöder följande värden:
| _tom | Godkänd URL laddas in i en ny flik/ett nytt fönster. |
| _förälder | URL kommer att laddas in i det överordnade fönstret eller ramen som redan är öppen. |
| _själv | Genom att skicka denna parameter kommer URL:en att ersätta den tidigare utdata och ett nytt fönster öppnas i samma ram. |
| _topp | URL ersätter alla ramuppsättningar som kan laddas. |
| namn | Ange namnet på det nya fönstret för att visa texten eller data om det. (Obs - inte fönstrets titel) |
De ovan angivna värdena skickas in i ett enkelt eller dubbelt citattecken till funktionen window.open() vid namnparameterplatsen.
specifikationer: Den här parametern innehåller inställningarna som är separerade med kommatecken. Element som används i den här parametern kan inte ha blanksteg, t.ex. bredd=150, höjd=100 .
Den stödjer flera värden.
byta ut: Liksom de andra parametrarna för metoden window.open() är detta också en valfri parameter. Den skapar antingen en ny post eller ersätter den aktuella posten i historiklistan. Den stöder två booleska värden; detta betyder att det returnerar antingen sant eller falskt:
| Sann | Returnera sant om URL ersätter den aktuella posten eller dokumentet i historiklistan. |
| Falsk | Returnera falskt om URL skapar en ny post i historiklistan. |
Returvärden
Det kommer att returnera ett nyöppnat fönster.
Exempel
Här är några exempel på funktionen window.open() för att öppna webbläsarfönstret/fliken. Som standard öppnas den angivna URL-adressen i en ny flik eller ett nytt fönster. Se exemplen nedan:
1. open() med URL-parameter
Detta är ett enkelt exempel på fönsteröppningsmetod som har en webbadress inuti. Vi har använt en knapp. Genom att klicka på den här knappen kommer metoden window.open() att anropa och öppna webbplatsen i en ny webbläsarflik.
Kopiera kod
Click the button to open new window <br> <br> Open WindowTesta det nu
Eller
Denna kod kan skrivas enligt nedan -
satt i java
Kopiera kod
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Testa det nu Produktion
När du klickar på detta Öppet fönster knappen öppnas javatpoint-webbplatsen i en ny flik i samma fönster.
Se skärmdumpen nedan:
2. open() utan parametrar
I det här exemplet skickar vi inte någon parameter till funktionen window.open() så att den nya fliken öppnas i föregående fönster.
Kopiera kod
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Testa det nu Produktion
hur man returnerar array i java
När du kör ovanstående kod visas en knapp med den.
När du klickar på detta Öppet fönster knappen öppnas ett tomt fönster på en ny flik.
3. open() med namnparametrar
I det här exemplet kommer vi att specificera _förälder vid namnparametern. Du kan skicka vilket som helst av dessa värden (_parent, _blank, _top, etc.) i den.
Kopiera 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 Testa det nu Produktion
Kör koden och få utdata enligt nedan. Detta kommer att innehålla en knapp för att klicka och öppna den nya URL:en i samma överordnade fönster.
När du klickar på den här knappen öppnas Gmail under samma överordnade fönster.
När du skickar de olika värdena i den andra parametern kommer du att se skillnaden för olika värden.
4. Definiera storleken för det nya fönstret
I det här exemplet kommer vi att ange höjd och bredd för det nya fönstret. För detta kommer vi att använda den tredje parametern ( specifikationer ) i metoden window.open() och skicka fönstrets höjd och bredd åtskilda med kommatecken till den här funktionen. Så fönstret öppnas i den angivna storleken.
Kopiera 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 Testa det nu Produktion
Kör ovanstående kod och få utdata enligt nedan. Detta kommer att innehålla en knapp för att klicka och öppna den nya URL:en i samma överordnade fönster.
När du klickar på den här knappen öppnas ett nytt tomt fönster under det överordnade fönstret för storlek.
Observera att du också kan skicka URL:en till metoden window.open() för att öppna vilken webbplats som helst.
Öppna nytt fönster med ett namn och ett meddelande
Vi kan visa vilken användardefinierad text eller form som helst i ett nytt fönster som vi kommer att öppna vid knappklick. För detta måste vi ange vilket namn som helst till det nya fönstret och skriva lite text i det. Detta namn kommer att skickas till metoden window.open(). Se koden nedan hur den kommer att implementeras med faktisk kodning.
Kopiera kod
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 Testa det nu Produktion
java strängbyggare
Kör koden och få utdata enligt nedan. Den kommer att innehålla en knapp för att klicka och öppna den nya URL:en i samma överordnade fönster.
När du klickar på den här knappen öppnas ett nytt fönster med ett användardefinierat meddelande under det överordnade fönstret i storlek 300*150.
JavaScript erbjuder också den inbyggda metoden, dvs close() för att stänga webbläsarfönstret.
Stäng fönstret som öppnas av window.open()
I det här exemplet kommer vi att visa dig hur du stänger fönstret eller fliken som öppnas med metoden window.open(). Först kommer vi att öppna en webbadress i ett nytt fönster (storlek definierad i kod) genom att klicka på en knapp och sedan använda en annan knapp för att stänga det öppnade fönstret. Se nedanstående kod hur det kommer att göras:
Kopiera 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 Testa det nu Produktion
När du kör koden får du svaret enligt nedan:
Klicka på Öppna Javatpoint knappen för att öppna Javatpoint-tutorialwebbplatsen. Vi har angett storleken (höjd och bredd) på det nya popup-fönstret som ska öppnas.
Om du klickar på Stäng Javatpoint knappen, kommer detta öppnade fönster att minimeras.
Webbläsarstöd
Flera webbläsare stöder metoden window.open(), som:
- Krom
- Mozilla Firefox
- Internet Explorer (IE)
- Opera
- Safari osv.
Du kan använda och köra metoden window.open() i dessa webbläsare ovan.