Kuidas luua JavaScriptis 'window.open()' vertikaalseid kerimisribasid?

Kuidas Luua Javascriptis Window Open Vertikaalseid Kerimisribasid



The 'window.open()' JavaScripti meetod võimaldab arendajatel linkida oma veebilehel teisele aknale. See aken käivitatakse, kui kasutaja sooritab määratud toimingu.

Lühidalt, põhifunktsioonid 'window.open()' meetod on avada peaveebi kohal uus aken ilma peamise veebilehe liidest häirimata. Mõne stsenaariumi korral avaneb uus aken edukalt, kuid kerimisriba ei ilmu üldse, mis jätab kasutajatele halva mulje.







See kiirjuhend kirjeldab vertikaalse kerimisriba loomist JavaScriptis meetodi window.open() abil.



Kuidas luua JavaScriptis vertikaalseid kerimisribasid 'window.open()' abil?

The 'window.open()' meetod lisab vaikimisi vertikaalse kerimisriba sõltuvalt uue veebilehe sisu pikkusest ja avatud akna suurusest. Kui veebilehe sisu on suurem kui akna suurus, lisatakse kerimisriba vaikimisi ilma CSS-i atribuute rakendamata. Kui aga arendaja soovib lisada kohandatud kerimisriba, saate järgida alltoodud näidetes kirjeldatud meetodeid.



Süntaks





Süntaks jaoks 'window.open()' meetod on toodud allpool:

aken. avatud ( tee , sihtkoht , winFeat )

Siin 'tee' on uues aknas avatava veebilehe tee. The 'sihtkoht' on uue akna asukoht, mille saab määrata 'tühi' , 'vanem' , 'ise' või 'ülemine'. Kolmas parameeter on “winFeat” ehk aknafunktsioonid, see pakub erinevaid väärtusi, mida saab seadistada vastavalt akna kohandamise vajadusele.



Vaatame üle mõned näited vertikaalse kerimisriba loomiseks äsja avatud aknas, kasutades 'window.open()' meetod.

Näide: 'kerimisribade' aknafunktsiooni kasutamine 'window.open()' meetodiga

Sel juhul on 'window.open()' meetodit kasutatakse koos 'kerimisribad' Akna funktsioonid äsja avatud akna vertikaalse kerimisriba seadistamiseks, nagu allpool näidatud:

< pea >
< skripti tüüp = 'tekst/javascript' >
funktsiooni setScroll ( ) {
oli uusWin = aken. avatud ( 'https://linuxhint.com' , 'ülemine' , 'width=500,height=500,kerimisribad=jah' ) ;
}
stsenaarium >
pea >
< keha >
< lk > Vajutage allolevat nuppu, et avada sisendis Linuxhint Blog - ekraani aken. lk > Klõpsake Mina nuppu >
keha >

Ülaltoodud koodi selgitus:

  • Esiteks, 'setScroll()' funktsioon on määratletud sees '


    Vajutage allolevat nuppu, et avada ekraanisiseses aknas Linuxhint Blog.

    Klõpsake Minul

    Ülaltoodud koodi kirjeldus:

    • Esiteks looge a 'setScroll()' funktsiooni ja selle sees kasutab 'window.open()' meetod on sama, mis ülaltoodud näites.
    • Lisage ka täiendav aknafunktsioon 'suuruse muutmine' ja muuta selle väärtust 'kerimisribad' funktsioone '1' vertikaalse kerimisriba seadistamiseks.

    Nüüd avage selle veebilehe CSS-fail, mille link on esitatud esimese parameetrina 'window.open()' meetod. Meie puhul on veebilehe nimi 'linuxint' nii et avage selle CSS-fail ja sisestage sellesse järgmine kood:

    < stiilis >
    html {
    ülevool - x : peidetud ;
    ülevool - ja : auto ;
    }
    stiilis >

    Ülaltoodud CSS-i atribuudid 'ülevool-x' ja 'ülevool-y' peita horisontaalne kerimisriba ja seadistada vertikaalne kerimisriba kogu HTML-lehe jaoks vastavalt akna pikkusele.

    Pärast ülaltoodud koodilõikude sisestamist ja kompileerimist mõlemas failis näeb väljund välja järgmine:

    Väljund näitab, et “window.open()” meetodil avatud aknale on lisatud vertikaalne kerimisriba.

    Järeldus

    Vertikaalsete kerimisribade loomiseks 'window.open()' meetod, 'kerimisribad' akna pakutavat funktsiooni saab seadistada 'jah' või '1' . Teine võimalus on avada selle veebilehe CSS- või HTML-fail, mille link edastatakse meetodi „window.open()” esimese parameetrina, ja kasutada seal CSS-i. 'ülevool-x' ja 'ülevool-y' omadused. Selles ajaveebis on selgitatud vertikaalse kerimisriba lisamise viise JavaScriptis meetodi window.open() abil.