JavaScript nabízí vestavěné metody pro otevírání a zavírání okna prohlížeče pro provádění dalších operací, jako je okno robota atd. Tyto metody pomáhají otevřít nebo zavřít vyskakovací okna prohlížeče. Zde jsou metody oken:
The okno.otevřít metoda se používá k otevření nové webové stránky do nového okna a okno.zavřít metoda zavření webové stránky otevřené metodou window.open. Podívejte se podrobně na metodu window.open():
Window.open()
Je to předdefinovaná metoda okna JavaScript slouží k otevření nové karty nebo okna v prohlížeči. To bude záviset na nastavení vašeho prohlížeče nebo parametrech předávaných v metodě window.open(), která otevře nové okno nebo kartu.
Tuto metodu podporují téměř všechny oblíbené webové prohlížeče, jako je Chrome , Firefox , atd. Následuje syntaxe a parametry metody otevírání okna -
Syntax
Tato funkce přijímá čtyři parametry, ale jsou volitelné.
window.open(URL, name, specs, replace);
Nebo
Tuto funkci můžete také použít bez použití okno klíčové slovo, jak je uvedeno níže:
open(URL, name, specs, replace)
Mezi oběma syntaxemi není žádný rozdíl.
Seznam parametrů
Níže je seznam parametrů metody window.open(). Všimněte si, že - všechny parametry této metody jsou volitelné a fungují jinak.
URL: Tento volitelný parametr funkce window.open() obsahuje řetězec URL webové stránky, kterou chcete otevřít. Pokud v této funkci nezadáte žádnou adresu URL, otevře se nové prázdné okno ( about:blank ).
příklad binárního vyhledávacího stromu
název: Pomocí tohoto parametru můžete nastavit název okna, které se chystáte otevřít. Podporuje následující hodnoty:
| _prázdný | Předaná adresa URL se načte na novou kartu/okno. |
| _rodič | Adresa URL se načte do nadřazeného okna nebo rámce, který je již otevřen. |
| _já | Předáním tohoto parametru URL nahradí předchozí výstup a ve stejném rámci se otevře nové okno. |
| _horní | Adresa URL nahradí jakoukoli sadu rámců, kterou lze načíst. |
| název | Zadejte název nového okna, aby se v něm zobrazil text nebo jakákoli data. (Poznámka - ne název okna) |
Výše uvedené hodnoty jsou předány v jednoduchých nebo dvojitých uvozovkách funkci window.open() na místě parametru name.
brejle: Tento parametr obsahuje nastavení, která jsou oddělena čárkou. Prvek použitý v tomto parametru nesmí obsahovat mezery, např. šířka=150,výška=100 .
Podporuje několik hodnot.
nahradit: Stejně jako ostatní parametry metody window.open() je i toto volitelný parametr. Buď vytvoří nový záznam, nebo nahradí aktuální záznam v seznamu historie. Podporuje dvě booleovské hodnoty; to znamená, že vrací buď true nebo false:
| Skutečný | Vraťte true, pokud URL nahradí aktuální záznam nebo dokument v seznamu historie. |
| Nepravdivé | Vraťte false, pokud URL vytvoří nový záznam v seznamu historie. |
Návratové hodnoty
Vrátí nově otevřené okno.
Příklady
Zde je několik příkladů funkce window.open() pro otevření okna/záložky prohlížeče. Ve výchozím nastavení se zadaná adresa URL otevře na nové kartě nebo okně. Podívejte se na příklady níže:
1. open() s parametrem URL
Toto je jednoduchý příklad metody otevírání okna s adresou URL webu uvnitř. Použili jsme tlačítko. Kliknutím na toto tlačítko zavolá metoda window.open() a otevře web na nové kartě prohlížeče.
Kopírovat kód
Click the button to open new window <br> <br> Open WindowOtestujte to hned
Nebo
konverze řetězce java na int
Tento kód lze napsat, jak je uvedeno níže -
Kopírovat kód
function openWindow() { window.open('https://www.javatpoint.com'); } Click the button to open new window <br> <br> Open Window Otestujte to hned Výstup
Když kliknete na toto Otevřené okno tlačítko, web javatpoint se otevře na nové kartě ve stejném okně.
Podívejte se na snímek obrazovky níže:
2. open() bez parametrů
V tomto příkladu nepředáme funkci window.open() žádný parametr, takže nová karta se otevře v předchozím okně.
Kopírovat kód
function openWindow() { window.open(); } Click the button to open new window <br> <br> Open Window Otestujte to hned Výstup
číst ze souboru csv v jazyce Java
Když spustíte výše uvedený kód, objeví se s ním tlačítko.
Když kliknete na toto Otevřené okno tlačítko, otevře se prázdné okno na nové kartě.
3. open() s parametry name
V tomto příkladu uvedeme _rodič u parametru name. Můžete do něj předat kteroukoli z těchto hodnot (_parent, _blank, _top atd.).
Kopírovat kód
function openWindow() { window.open('https://gmail.com', '_parent'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Otestujte to hned Výstup
Spusťte kód a získejte výstup, jak je uvedeno níže. To bude obsahovat tlačítko pro kliknutí a otevření nové adresy URL ve stejném nadřazeném okně.
Když kliknete na toto tlačítko, Gmail se otevře pod stejným nadřazeným oknem.
Když předáte různé hodnoty v druhém parametru, uvidíte rozdíl pro různé hodnoty.
4. Definujte velikost nového okna
V tomto příkladu zadáme výšku a šířku nového okna. K tomu použijeme třetí parametr ( brejle ) v metodě window.open() a předejte této funkci výšku a šířku okna oddělené čárkou. Okno se tedy otevře v zadané velikosti.
Kopírovat kód
function openWindow() { window.open('', '', 'width=300,height=200'); } <b> Click the button to open new window in same tab </b> <br> <br> Open Window Otestujte to hned Výstup
Spusťte výše uvedený kód a získejte výstup, jak je uvedeno níže. To bude obsahovat tlačítko pro kliknutí a otevření nové adresy URL ve stejném nadřazeném okně.
Po kliknutí na toto tlačítko se pod nadřazeným oknem velikosti otevře nové prázdné okno.
Všimněte si, že adresu URL můžete také předat metodě window.open() pro otevření libovolného webu.
Otevřete nové okno se jménem a zprávou
V novém okně, které se otevře kliknutím na tlačítko, můžeme zobrazit libovolný uživatelsky definovaný text nebo formulář. K tomu musíme novému oknu zadat jakýkoli název a napsat do něj nějaký text. Tento název bude předán metodě window.open(). Podívejte se na níže uvedený kód, jak bude implementován se skutečným kódováním.
Kopírovat kód
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 Otestujte to hned Výstup
Spusťte kód a získejte výstup, jak je uvedeno níže. Bude obsahovat tlačítko pro kliknutí a otevření nové adresy URL ve stejném nadřazeném okně.
Když kliknete na toto tlačítko, otevře se nové okno s uživatelem definovanou zprávou pod nadřazeným oknem o velikosti 300*150.
JavaScript také nabízí vestavěnou metodu, tj. close() pro zavření okna prohlížeče.
Zavřete okno otevřené pomocí window.open()
V tomto příkladu vám ukážeme, jak zavřít okno nebo kartu otevřenou metodou window.open(). Nejprve kliknutím na tlačítko otevřeme URL webu v novém okně (velikost definovaná v kódu) a poté pomocí dalšího tlačítka toto otevřené okno zavřeme. Podívejte se na níže uvedený kód, jak to bude provedeno:
Kopírovat kód
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 Otestujte to hned Výstup
0,04 jako zlomek
Když kód spustíte, dostanete odpověď, jak je uvedeno níže:
Klikněte na Otevřete Javatpoint tlačítko pro otevření webové stránky s výukovým programem Javatpoint. Zadali jsme velikost (výšku a šířku) nového vyskakovacího okna, které se má otevřít.
Pokud kliknete na Zavřete Javatpoint tlačítko, toto otevřené okno bude minimalizováno.
Podpora prohlížeče
Několik webových prohlížečů podporuje metodu window.open(), například:
- Chrome
- Mozilla Firefox
- Internet Explorer (IE)
- Opera
- Safari atd.
V těchto výše uvedených prohlížečích můžete použít a spustit metodu window.open().