El 'window.open()' El mètode JavaScript permet als desenvolupadors enllaçar a una altra finestra dins de la seva pàgina web. Aquesta finestra s'invoca quan l'usuari realitza una acció especificada.
En resum, la principal funcionalitat del 'window.open()' El mètode és obrir una finestra nova sobre la pàgina web principal sense pertorbar la interfície de la pàgina web principal. En alguns escenaris, la nova finestra s'obre correctament, però la barra de desplaçament no apareix en absolut, cosa que envia una mala impressió als usuaris.
Aquesta guia ràpida elabora el procés per crear una barra de desplaçament vertical amb un mètode window.open() en JavaScript.
Com crear barres de desplaçament verticals amb 'window.open()' a JavaScript?
El 'window.open()' El mètode per defecte afegeix una barra de desplaçament vertical en funció de la longitud del contingut de la pàgina web nova i de la mida de la finestra oberta. Si el contingut de la pàgina web és més gran que la mida de la finestra, la barra de desplaçament s'afegeix de manera predeterminada sense aplicar cap propietat CSS. Tanmateix, si el desenvolupador vol afegir una barra de desplaçament personalitzada, podeu seguir els mètodes que s'expliquen als exemples següents.
Sintaxi
La sintaxi per a 'window.open()' mètode s'indica a continuació:
finestra. obert ( Camí , destinació , winFeat )Aquí, 'Camí' és el camí de la pàgina web que s'obrirà en una finestra nova. El 'destinació' és la ubicació de la nova finestra que apareixerà, es pot configurar a 'en blanc' , 'pares' , 'self' o 'superior'. El tercer paràmetre és el 'winFeat' o característiques de la finestra, ofereix diversos valors que es poden configurar segons la necessitat de personalitzar la finestra.
Fem una ullada a alguns exemples per generar una barra de desplaçament vertical a la finestra que s'acaba d'obrir amb l' 'window.open()' mètode.
Exemple: ús de la funció de la finestra 'barres de desplaçament' amb el mètode 'window.open()'
En aquest cas, el 'window.open()' el mètode s'utilitza al llarg del 'barres de desplaçament' Funcions de la finestra per configurar la barra de desplaçament vertical per a una finestra que s'obre, com es mostra a continuació:
< cap >< tipus de guió = 'text/javascript' >
funció setScroll ( ) {
era newWin = finestra. obert ( 'https://linuxhint.com' , 'superior' , 'amplada=500, alçada=500, barres de desplaçament=sí' ) ;
}
guió >
cap >
< cos >
< pàg > Premeu el botó següent per obrir el bloc de Linuxhint a l'entrada - finestra de pantalla. pàg > Feu clic a mi botó >
cos >
Explicació del codi anterior:
- En primer lloc, el 'setScroll()' la funció es defineix dins de '
Premeu el botó següent per obrir Linuxhint Blog a la finestra de la pantalla.
Feu clic a mi
Descripció del codi anterior:
- Primer, creeu un 'setScroll()' funció, i al seu interior utilitza el 'window.open()' mètode igual que el fet a l'exemple anterior.
- A més, afegiu una funció de finestra addicional de 'redimensionable' i modificar el valor de 'barres de desplaçament' característiques a “1” per configurar la barra de desplaçament vertical.
Ara, obriu el fitxer CSS de la pàgina web l'enllaç de la qual es proporciona com a primer paràmetre a 'window.open()' mètode. En el nostre cas, el nom de la pàgina web és 'linuxint' així que obriu el seu fitxer CSS i inseriu-hi el codi següent:
< estil >html {
desbordament - x : amagat ;
desbordament - i : automàtic ;
}
estil >
Les propietats CSS anteriors de 'desbordament-x' i 'desbordament-y' amaga la barra de desplaçament horitzontal i configura la barra de desplaçament vertical per a tota la pàgina HTML segons la longitud de la finestra.
Després d'inserir i compilar els fragments de codi anteriors als dos fitxers, la sortida té aquest aspecte:
La sortida mostra que s'ha afegit una barra de desplaçament vertical a la finestra oberta mitjançant el mètode 'window.open()'.
Conclusió
Per crear barres de desplaçament verticals amb 'window.open()' mètode, el 'barres de desplaçament' La funció proporcionada per la finestra es pot configurar a 'sí' o “1” . Una altra manera és obrir el fitxer CSS o HTML de la pàgina web l'enllaç de la qual es passa com a primer paràmetre en el mètode 'window.open()' i utilitzar el CSS. 'desbordament-x' i 'desbordament-y' propietats. Aquest bloc ha explicat les maneres d'afegir una barra de desplaçament vertical amb el mètode window.open() a JavaScript.