Det 'window.open()' JavaScript-metoden giver udviklere mulighed for at linke til et andet vindue inde på deres webside. Dette vindue påkaldes, når en specificeret handling udføres af brugeren.
Kort sagt, hovedfunktionaliteten af 'window.open()' metoden er at åbne et nyt vindue over hovedwebsiden uden at forstyrre hovedwebsidens grænseflade. I nogle scenarier bliver det nye vindue åbnet med succes, men rullepanelet vises slet ikke, hvilket sender et dårligt indtryk til brugerne.
Denne hurtige guide uddyber processen til at oprette en lodret rullepanel med en window.open()-metode i JavaScript.
Hvordan oprettes lodrette rullebjælker med 'window.open()' i JavaScript?
Det 'window.open()' metode tilføjer som standard en lodret rullepanel afhængigt af længden af det nye websideindhold og størrelsen af det åbnede vindue. Hvis indholdet af websiden er større end vinduesstørrelsen, tilføjes rullepanelet som standard uden at anvende nogen CSS-egenskaber. Men hvis udvikleren ønsker at tilføje en brugerdefineret rullepanel, så kan du følge de metoder, der er forklaret i nedenstående eksempler.
Syntaks
Syntaksen for 'window.open()' metode er angivet nedenfor:
vindue. åben ( sti , bestemmelsessted , winFeat )Her, 'sti' er stien til den webside, der skal åbnes i et nyt vindue. Det 'bestemmelsessted' er placeringen af det nye vindue, der skal vises, kan det indstilles til 'blank' , 'forælder' , 'selv' eller 'top'. Den tredje parameter er 'winFeat' eller vinduesfunktionerne, den tilbyder forskellige værdier, der kan indstilles i henhold til behovet for at tilpasse vinduet.
Lad os se på nogle eksempler for at generere en lodret rullepanel i det nyligt åbnede vindue ved hjælp af 'window.open()' metode.
Eksempel: Brug af 'scrollbars' vinduesfunktion med metoden 'window.open()'.
I dette tilfælde 'window.open()' metoden bruges langs 'rullebjælker' Vinduesfunktioner til at indstille den lodrette rullepanel for et nyligt åbnet vindue, som vist nedenfor:
< hoved >< script type = 'tekst/javascript' >
fungere sætScroll ( ) {
var nyWin = vindue. åben ( 'https://linuxhint.com' , 'top' , 'width=500,height=500,scrollbars=yes' ) ;
}
manuskript >
hoved >
< legeme >
< s > Tryk på knappen nedenfor for at åbne Linuxhint Blog på in - skærmvindue. s > Klik på Mig knap >
legeme >
Forklaring af ovenstående kode:
- For det første 'setScroll()' funktion er defineret inde i '
Tryk på knappen nedenfor for at åbne Linuxhint Blog i vinduet på skærmen.
Klik på Mig
Beskrivelse af ovenstående kode:
- Først skal du oprette en 'setScroll()' funktion, og inde i den bruger den 'window.open()' samme metode som i ovenstående eksempel.
- Tilføj også en ekstra vinduesfunktion af 'kan ændre størrelse' og ændre værdien af 'rullebjælker' funktioner til '1' for at indstille den lodrette rullebjælke.
Åbn nu CSS-filen på den webside, hvis link er angivet som den første parameter til 'window.open()' metode. I vores tilfælde er websidens navn 'linuxint' så åbn dens CSS-fil og indsæt følgende kode i den:
< stil >html {
flyde over - x : skjult ;
flyde over - og : auto ;
}
stil >
Ovenstående CSS-egenskaber af 'overløb-x' og 'overløb-y' skjul den vandrette rullebjælke, og indstil den lodrette rullebjælke for hele HTML-siden i henhold til vinduets længde.
Efter at have indsat og kompileret ovenstående kodestykker i begge filer, ser outputtet sådan ud:
Outputtet viser, at en lodret rullebjælke er blevet tilføjet til vinduet, der åbnes ved hjælp af 'window.open()'-metoden.
Konklusion
For at oprette lodrette rullepaneler med 'window.open()' metode, den 'rullebjælker' funktion fra vinduet kan indstilles til 'Ja' eller '1' . En anden måde er at åbne CSS- eller HTML-filen for den webside, hvis link sendes som den første parameter i 'window.open()'-metoden og der bruge CSS'en 'overløb-x' og 'overløb-y' ejendomme. Denne blog har forklaret måderne at tilføje en lodret rullepanel med metoden window.open() i JavaScript.