Kaip sukurti vertikalias slinkties juostas naudojant „window.open()“ „JavaScript“?

Kaip Sukurti Vertikalias Slinkties Juostas Naudojant Window Open Javascript



The 'langas.atidaryti()' JavaScript metodas leidžia kūrėjams susieti su kitu langu savo tinklalapyje. Šis langas iškviečiamas, kai vartotojas atlieka nurodytą veiksmą.

Trumpai tariant, pagrindinė funkcija 'langas.atidaryti()' būdas yra atidaryti naują langą pagrindiniame tinklalapyje nepažeidžiant pagrindinio tinklalapio sąsajos. Kai kuriais atvejais naujas langas atidaromas sėkmingai, tačiau slinkties juosta iš viso nepasirodo, todėl vartotojams susidaro blogas įspūdis.







Šiame trumpame vadove išsamiai aprašomas vertikalios slinkties juostos kūrimo procesas naudojant „JavaScript“ metodą window.open().



Kaip sukurti vertikalias slinkties juostas naudojant „window.open()“ „JavaScript“?

The 'langas.atidaryti()' metodas pagal numatytuosius nustatymus prideda vertikalią slinkties juostą, atsižvelgiant į naujo tinklalapio turinio ilgį ir atidaryto lango dydį. Jei tinklalapio turinys yra didesnis nei lango dydis, slinkties juosta pridedama pagal numatytuosius nustatymus netaikant jokių CSS ypatybių. Tačiau jei kūrėjas nori pridėti pasirinktinę slinkties juostą, galite vadovautis toliau pateiktuose pavyzdžiuose paaiškintais metodais.



Sintaksė





Sintaksė, skirta 'langas.atidaryti()' metodas nurodytas žemiau:

langas. atviras ( kelias , Kelionės tikslas , winFeat )

Čia 'kelias' yra tinklalapio, kuris bus atidarytas naujame lange, kelias. The 'Kelionės tikslas' yra naujo lango vieta, kurią galima nustatyti 'tuščias' , 'tėvas' , 'savarankiškai' arba 'viršuje'. Trečiasis parametras yra „winFeat“ arba lango funkcijos, jame siūlomos įvairios reikšmės, kurias galima nustatyti pagal poreikį pritaikyti langą.



Pažvelkime į keletą pavyzdžių, kaip sukurti vertikalią slinkties juostą naujai atidarytame lange naudodami 'langas.atidaryti()' metodas.

Pavyzdys: „slinkties juostų“ lango funkcijos naudojimas su „window.open()“ metodu

Šiuo atveju, 'langas.atidaryti()' metodas naudojamas kartu „slinkties juostos“ Lango funkcijos, norėdami nustatyti vertikalią slinkties juostą naujai atidarytam langui, kaip parodyta toliau:

< galva >
< scenarijaus tipas = 'tekstas/javascript' >
funkcija setScroll ( ) {
buvo naujas Win = langas. atviras ( „https://linuxhint.com“ , 'viršuje' , 'plotis=500,aukštis=500,slinkties juostos=taip' ) ;
}
scenarijus >
galva >
< kūnas >
< p > Paspauskite žemiau esantį mygtuką, kad atidarytumėte „Linuxhint“ tinklaraštį - ekrano langas. p > Paspausk mane mygtuką >
kūnas >

Aukščiau pateikto kodo paaiškinimas:

  • Pirma, „setScroll()“ funkcija apibrėžta viduje


    Paspauskite toliau esantį mygtuką, kad atidarytumėte Linuxhint tinklaraštį ekrano lange.

    Spustelėkite mane

    Aukščiau pateikto kodo aprašymas:

    • Pirmiausia sukurkite a „setScroll()“ funkcija, o jos viduje panaudojama 'langas.atidaryti()' metodas toks pat, kaip ir aukščiau pateiktame pavyzdyje.
    • Taip pat pridėkite papildomą lango funkciją 'keičiamo dydžio' ir pakeisti vertę 'slinkties juostos' funkcijos '1' norėdami nustatyti vertikalią slinkties juostą.

    Dabar atidarykite tinklalapio, kurio nuoroda pateikta kaip pirmasis parametras, CSS failą 'langas.atidaryti()' metodas. Mūsų atveju tinklalapio pavadinimas yra 'Linuxint' Taigi atidarykite jo CSS failą ir įdėkite į jį šį kodą:

    < stilius >
    html {
    perpildymas - x : paslėptas ;
    perpildymas - ir : automatinis ;
    }
    stilius >

    Aukščiau pateiktos CSS savybės „perpildymas-x“ ir „perpildymas-y“ paslėpti horizontalią slinkties juostą ir nustatyti vertikalią viso HTML puslapio slinkties juostą pagal lango ilgį.

    Įdėjus ir sukompiliavus aukščiau nurodytus kodo fragmentus į abu failus, išvestis atrodo taip:

    Išvestis rodo, kad prie lango, atidaryto naudojant „window.open()“ metodą, buvo pridėta vertikali slinkties juosta.

    Išvada

    Norėdami sukurti vertikalias slinkties juostas naudodami 'langas.atidaryti()' metodas, 'slinkties juostos' galima nustatyti lango teikiamą funkciją 'taip' arba '1' . Kitas būdas yra atidaryti CSS arba HTML failą tinklalapiui, kurio nuoroda perduodama kaip pirmasis parametras „window.open()“ metodu ir ten panaudoti CSS. „perpildymas-x“ ir „perpildymas-y“ savybių. Šiame tinklaraštyje paaiškinta, kaip pridėti vertikalią slinkties juostą naudojant „JavaScript“ metodą window.open().