Kako ustvariti navpične drsne trakove z »window.open()« v JavaScriptu?

Kako Ustvariti Navpicne Drsne Trakove Z Window Open V Javascriptu



The “window.open()” Metoda JavaScript omogoča razvijalcem povezavo do drugega okna znotraj njihove spletne strani. To okno se prikliče, ko uporabnik izvede določeno dejanje.

Skratka, glavna funkcionalnost “window.open()” Metoda je odpreti novo okno nad glavno spletno stranjo, ne da bi motili vmesnik glavne spletne strani. V nekaterih primerih se novo okno uspešno odpre, vendar se drsni trak sploh ne prikaže, kar na uporabnike pusti slab vtis.







Ta hitri vodnik podrobneje opisuje postopek ustvarjanja navpičnega drsnega traku z metodo window.open() v JavaScriptu.



Kako ustvariti navpične drsne trakove z »window.open()« v JavaScriptu?

The “window.open()” metoda privzeto doda navpični drsni trak, odvisno od dolžine vsebine nove spletne strani in velikosti odprtega okna. Če je vsebina spletne strani večja od velikosti okna, se drsni trak privzeto doda brez uporabe lastnosti CSS. Če pa želi razvijalec dodati drsni trak po meri, lahko sledite metodam, razloženim v spodnjih primerih.



Sintaksa





Sintaksa za “window.open()” metoda je navedena spodaj:

okno. odprto ( pot , cilj , winFeat )

tukaj, “pot” je pot spletne strani, ki se bo odprla v novem oknu. The “destinacija” je lokacija novega okna, ki se prikaže, lahko nastavite na 'prazno' , “starš” , 'sebe' oz “vrh”. Tretji parameter je »winFeat« ali funkcije okna, ponuja različne vrednosti, ki jih je mogoče nastaviti glede na potrebo po prilagajanju okna.



Oglejmo si nekaj primerov za ustvarjanje navpičnega drsnega traku v novo odprtem oknu z uporabo “window.open()” metoda.

Primer: uporaba okenske funkcije »scrollbars« z metodo »window.open()«.

V tem primeru je “window.open()” metoda se uporablja vzdolž 'drsni trakovi' Funkcije oken za nastavitev navpičnega drsnega traku za novo odprto okno, kot je prikazano spodaj:

< glavo >
< vrsta skripte = 'besedilo/javascript' >
funkcijo setScroll ( ) {
je bil newWin = okno. odprto ( 'https://linuxhint.com' , 'top' , 'width=500,height=500,scrollbars=yes' ) ;
}
scenarij >
glavo >
< telo >
< str > Pritisnite spodnji gumb, da odprete spletni dnevnik Linuxhint - zaslonsko okno. str > Kliknite Jaz gumb >
telo >

Razlaga zgornje kode:

  • Prvič, “setScroll()” funkcija je definirana znotraj


    Pritisnite spodnji gumb, da odprete blog Linuxhint v oknu na zaslonu.

    Kliknite Me

    Opis zgornje kode:

    • Najprej ustvarite a “setScroll()” funkcijo, znotraj pa uporablja “window.open()” enak način kot v zgornjem primeru.
    • Dodajte tudi dodatno funkcijo okna 'spremenljiva velikost' in spremenite vrednost 'drsni trakovi' funkcije za '1' za nastavitev navpičnega drsnega traku.

    Zdaj odprite datoteko CSS spletne strani, katere povezava je navedena kot prvi parameter v “window.open()” metoda. V našem primeru je ime spletne strani 'linuxint' zato odprite njegovo datoteko CSS in vanjo vstavite naslednjo kodo:

    < stil >
    html {
    preliv - x : skrit ;
    preliv - in : avto ;
    }
    stil >

    Zgornje lastnosti CSS za 'prelivanje-x' in 'prelivanje-y' skrijete vodoravni drsni trak in nastavite navpični drsni trak za celotno stran HTML glede na dolžino okna.

    Po vstavljanju in prevajanju zgornjih delčkov kode v obe datoteki je rezultat videti takole:

    Izhod kaže, da je bil oknu, odprtem z metodo »window.open()«, dodan navpični drsni trak.

    Zaključek

    Če želite ustvariti navpične drsne trakove z “window.open()” metoda, 'drsni trakovi' funkcijo, ki jo ponuja okno, lahko nastavite na 'da' oz '1' . Drug način je, da odprete datoteko CSS ali HTML za spletno stran, katere povezava je posredovana kot prvi parameter v metodi »window.open()« in tam uporabite CSS 'prelivanje-x' in 'prelivanje-y' lastnosti. V tem blogu so razloženi načini dodajanja navpičnega drsnega traku z metodo window.open() v JavaScriptu.