Hoe maak je verticale schuifbalken met 'window.open()' in JavaScript?

Hoe Maak Je Verticale Schuifbalken Met Window Open In Javascript



De “venster.open()” Met de JavaScript-methode kunnen ontwikkelaars naar een ander venster op hun webpagina linken. Dit venster wordt opgeroepen wanneer een opgegeven actie door de gebruiker wordt uitgevoerd.

Kortom, de belangrijkste functionaliteit van de “venster.open()” De methode is om een ​​nieuw venster over de hoofdwebpagina te openen zonder de interface van de hoofdwebpagina te verstoren. In sommige scenario's wordt het nieuwe venster met succes geopend, maar verschijnt de schuifbalk helemaal niet, wat een slechte indruk op de gebruikers geeft.







Deze korte handleiding beschrijft het proces voor het maken van een verticale schuifbalk met een window.open() -methode in JavaScript.



Hoe maak je verticale schuifbalken met 'window.open()' in JavaScript?

De “venster.open()” methode voegt standaard een verticale schuifbalk toe, afhankelijk van de lengte van de nieuwe webpagina-inhoud en de grootte van het geopende venster. Als de inhoud van de webpagina groter is dan de venstergrootte, wordt de schuifbalk standaard toegevoegd zonder CSS-eigenschappen toe te passen. Als de ontwikkelaar echter een aangepaste schuifbalk wil toevoegen, kunt u de methoden volgen die in de onderstaande voorbeelden worden uitgelegd.



Syntaxis





De syntaxis voor de “venster.open()” methode staat hieronder vermeld:

raam. open ( pad , bestemming , winFeat )

Hier, 'pad' is het pad van de webpagina die in een nieuw venster wordt geopend. De 'bestemming' is de locatie waar het nieuwe venster moet verschijnen. Dit kan worden ingesteld 'blanco' , 'ouder' , 'zelf' of 'bovenkant'. De derde parameter is de “winFeat” of vensterfuncties. Deze biedt verschillende waarden die kunnen worden ingesteld op basis van de noodzaak om het venster aan te passen.



Laten we eens kijken naar enkele voorbeelden van het genereren van een verticale schuifbalk in het nieuw geopende venster met behulp van de “venster.open()” methode.

Voorbeeld: gebruik van de vensterfunctie “schuifbalken” met de methode “window.open()”.

In dit geval is de “venster.open()” methode wordt gebruikt langs de “schuifbalken” Vensterfuncties om de verticale schuifbalk voor een nieuw geopend venster in te stellen, zoals hieronder weergegeven:

< hoofd >
< scripttype = 'tekst/javascript' >
functie setScroll ( ) {
was nieuwWin = raam. open ( 'https://linuxhint.com' , 'bovenkant' , 'breedte=500,hoogte=500,schuifbalken=ja' ) ;
}
script >
hoofd >
< lichaam >
< P > Druk op de onderstaande knop om Linuxhint Blog op de in te openen - scherm venster. P > Klik hier knop >
lichaam >

Verklaring van de bovenstaande code:

  • Eerst de “setScroll()” functie wordt gedefinieerd binnen de


    Druk op de onderstaande knop om Linuxhint Blog in het schermvenster te openen.

    Klik op mij

    Beschrijving van de bovenstaande code:

    • Maak eerst een “setScroll()” functie, en binnenin maakt het gebruik van de “venster.open()” methode hetzelfde als in het bovenstaande voorbeeld.
    • Voeg ook een extra vensterfunctie toe van “aanpasbaar” en wijzig de waarde van “schuifbalken” kenmerken aan '1' om de verticale schuifbalk in te stellen.

    Open nu het CSS-bestand van de webpagina waarvan de link als eerste parameter naar het “venster.open()” methode. In ons geval is de naam van de webpagina 'linuxint' dus open het CSS-bestand en plaats de volgende code erin:

    < stijl >
    html {
    overloop - X : verborgen ;
    overloop - En : auto ;
    }
    stijl >

    De bovenstaande CSS-eigenschappen van “overloop-x” En “overflow-y” verberg de horizontale schuifbalk en stel de verticale schuifbalk in voor de hele HTML-pagina, afhankelijk van de lengte van het venster.

    Na het invoegen en compileren van de bovenstaande codefragmenten in beide bestanden, ziet de uitvoer er als volgt uit:

    De uitvoer laat zien dat er een verticale schuifbalk is toegevoegd aan het venster dat is geopend met de methode “window.open()”.

    Conclusie

    Om verticale schuifbalken te maken met de “venster.open()” methode, de “schuifbalken” functie van het venster kan worden ingesteld 'Ja' of '1' . Een andere manier is om het CSS- of HTML-bestand te openen voor de webpagina waarvan de link wordt doorgegeven als de eerste parameter in de “window.open()” -methode en daar de CSS te gebruiken “overloop-x” En “overflow-y” eigenschappen. In deze blog worden de manieren uitgelegd waarop je een verticale schuifbalk kunt toevoegen met de methode window.open() in JavaScript.