The 'window.open()' Metoda JavaScriptu umožňuje vývojářům odkazovat na jiné okno na jejich webové stránce. Toto okno se vyvolá, když uživatel provede určitou akci.
Stručně řečeno, hlavní funkce 'window.open()' metoda je otevřít nové okno nad hlavní webovou stránkou bez narušení rozhraní hlavní webové stránky. V některých scénářích se nové okno otevře úspěšně, ale posuvník se vůbec nezobrazí, což na uživatele působí špatným dojmem.
Tento rychlý průvodce podrobně popisuje proces vytvoření svislého posuvníku pomocí metody window.open() v JavaScriptu.
Jak vytvořit svislé posuvníky pomocí „window.open()“ v JavaScriptu?
The 'window.open()' metoda ve výchozím nastavení přidává svislý posuvník v závislosti na délce obsahu nové webové stránky a velikosti otevřeného okna. Pokud je obsah webové stránky větší než velikost okna, ve výchozím nastavení se přidá posuvník bez použití jakýchkoli vlastností CSS. Pokud však vývojář chce přidat vlastní posuvník, můžete postupovat podle metod vysvětlených v níže uvedených příkladech.
Syntax
Syntaxe pro 'window.open()' metoda je uvedena níže:
okno. OTEVŘENO ( cesta , destinace , winFeat )Tady, 'cesta' je cesta webové stránky, která se otevře v novém okně. The 'destinace' je umístění nového okna, které se má zobrazit, lze jej nastavit 'prázdný' , 'rodič' , 'já' nebo 'horní'. Třetím parametrem je „winFeat“ neboli vlastnosti okna, nabízí různé hodnoty, které lze nastavit podle potřeby přizpůsobení okna.
Podívejme se na několik příkladů generování svislého posuvníku v nově otevřeném okně pomocí 'window.open()' metoda.
Příklad: Použití funkce okna „scrollbars“ s metodou „window.open()“.
V tomto případě je 'window.open()' metoda se používá podél 'posuvníky' Funkce okna pro nastavení svislého posuvníku pro nově otevřené okno, jak je znázorněno níže:
< hlava >< typ skriptu = 'text/javascript' >
funkce setScroll ( ) {
byl newWin = okno. OTEVŘENO ( 'https://linuxhint.com' , 'horní' , 'width=500,height=500,scrollbars=yes' ) ;
}
skript >
hlava >
< tělo >
< p > Stisknutím níže uvedeného tlačítka otevřete Linuxhint Blog na in - okno obrazovky. p > Klikni na mě knoflík >
tělo >
Vysvětlení výše uvedeného kódu:
- Za prvé, 'setScroll()' funkce je definována uvnitř '
Stisknutím tlačítka níže otevřete blog Linuxhint v okně na obrazovce.
Klikněte na mě
Popis výše uvedeného kódu:
- Nejprve vytvořte a 'setScroll()' funkce a uvnitř využívá 'window.open()' metoda stejná jako ve výše uvedeném příkladu.
- Také přidejte další funkci okna 'změna velikosti' a upravit hodnotu 'posuvníky' funkce k '1' pro nastavení svislého posuvníku.
Nyní otevřete soubor CSS webové stránky, jejíž odkaz je uveden jako první parametr 'window.open()' metoda. V našem případě je název webové stránky 'linuxint' takže otevřete jeho soubor CSS a vložte do něj následující kód:
< styl >html {
přetékat - X : skrytý ;
přetékat - a : auto ;
}
styl >
Výše uvedené vlastnosti CSS 'přetečení-x' a 'přetečení-y' skryjte vodorovný posuvník a nastavte svislý posuvník pro celou HTML stránku podle délky okna.
Po vložení a zkompilování výše uvedených úryvků kódu do obou souborů vypadá výstup takto:
Výstup ukazuje, že do okna otevřeného pomocí metody „window.open()“ byl přidán svislý posuvník.
Závěr
Chcete-li vytvořit svislé posuvníky pomocí 'window.open()' metoda, 'posuvníky' lze nastavit funkci poskytovanou oknem 'Ano' nebo '1' . Dalším způsobem je otevřít soubor CSS nebo HTML pro webovou stránku, jejíž odkaz je předán jako první parametr v metodě „window.open()“ a tam použít CSS 'přetečení-x' a 'přetečení-y' vlastnosti. Tento blog vysvětluje způsoby, jak přidat vertikální posuvník pomocí metody window.open() v JavaScriptu.