Le « fenêtre.open() » La méthode JavaScript permet aux développeurs de créer un lien vers une autre fenêtre de leur page Web. Cette fenêtre est invoquée lorsqu'une action spécifiée est effectuée par l'utilisateur.
En bref, la principale fonctionnalité du « fenêtre.open() » La méthode consiste à ouvrir une nouvelle fenêtre sur la page Web principale sans perturber l'interface de la page Web principale. Dans certains scénarios, la nouvelle fenêtre s'ouvre avec succès mais la barre de défilement n'apparaît pas du tout, ce qui donne une mauvaise impression aux utilisateurs.
Ce guide rapide explique le processus de création d'une barre de défilement verticale avec une méthode window.open() en JavaScript.
Comment créer des barres de défilement verticales avec « window.open() » en JavaScript ?
Le « fenêtre.open() » La méthode ajoute par défaut une barre de défilement verticale en fonction de la longueur du contenu de la nouvelle page Web et de la taille de la fenêtre ouverte. Si le contenu de la page Web est supérieur à la taille de la fenêtre, la barre de défilement est ajoutée par défaut sans appliquer aucune propriété CSS. Cependant, si le développeur souhaite ajouter une barre de défilement personnalisée, vous pouvez suivre les méthodes expliquées dans les exemples ci-dessous.
Syntaxe
La syntaxe du « fenêtre.open() » la méthode est indiquée ci-dessous :
fenêtre. ouvrir ( chemin , destination , gagnerFeat )Ici, 'chemin' est le chemin de la page Web qui va être ouverte dans une nouvelle fenêtre. Le 'destination' est l'emplacement de la nouvelle fenêtre qui doit apparaître, elle peut être définie sur 'vide' , 'parent' , 'soi' ou 'haut'. Le troisième paramètre est le « winFeat » ou fonctionnalités de la fenêtre, il propose différentes valeurs qui peuvent être définies en fonction du besoin de personnaliser la fenêtre.
Jetons un coup d'œil à quelques exemples pour générer une barre de défilement verticale dans la fenêtre nouvellement ouverte à l'aide du « fenêtre.open() » méthode.
Exemple : utilisation de la fonctionnalité de fenêtre « barres de défilement » avec la méthode « window.open() »
Dans ce cas, le « fenêtre.open() » la méthode est utilisée le long du 'barres de défilement' Fonctionnalités de fenêtre pour définir la barre de défilement verticale pour une fenêtre nouvellement ouverte, comme indiqué ci-dessous :
< tête >< type de script = 'texte/javascript' >
fonction définirScroll ( ) {
était nouveauGagner = fenêtre. ouvrir ( 'https://linuxhint.com' , 'haut' , 'largeur=500, hauteur=500, barres de défilement=oui' ) ;
}
scénario >
tête >
< corps >
< p > Appuyez sur le bouton ci-dessous pour ouvrir le blog Linuxhint à l'intérieur - fenêtre d'écran. p > Cliquez sur moi bouton >
corps >
Explication du code ci-dessus :
- Premièrement la 'setScroll()' la fonction est définie à l'intérieur du '
Appuyez sur le bouton ci-dessous pour ouvrir le blog Linuxhint dans la fenêtre à l'écran.
Cliquez sur moi
Description du code ci-dessus :
- Tout d'abord, créez un 'setScroll()' fonction, et à l'intérieur il utilise le « fenêtre.open() » méthode identique à celle utilisée dans l’exemple ci-dessus.
- Ajoutez également une fonctionnalité de fenêtre supplémentaire de 'redimensionnable' et modifier la valeur de 'barres de défilement' fonctionnalités à '1' pour définir la barre de défilement verticale.
Maintenant, ouvrez le fichier CSS de la page Web dont le lien est fourni comme premier paramètre du « fenêtre.open() » méthode. Dans notre cas, le nom de la page Web est 'linuxint' ouvrez donc son fichier CSS et insérez-y le code suivant :
< style >HTML {
débordement - X : caché ;
débordement - et : auto ;
}
style >
Les propriétés CSS ci-dessus de 'débordement-x' et 'débordement-y' masquez la barre de défilement horizontale et définissez la barre de défilement verticale pour toute la page HTML en fonction de la longueur de la fenêtre.
Après avoir inséré et compilé les extraits de code ci-dessus dans les deux fichiers, le résultat ressemble à ceci :
Le résultat montre qu'une barre de défilement verticale a été ajoutée à la fenêtre ouverte à l'aide de la méthode « window.open() ».
Conclusion
Pour créer des barres de défilement verticales avec le « fenêtre.open() » méthode, le 'barres de défilement' La fonctionnalité fournie par la fenêtre peut être définie sur 'Oui' ou '1' . Une autre façon consiste à ouvrir le fichier CSS ou HTML de la page Web dont le lien est passé comme premier paramètre dans la méthode « window.open() » et à utiliser le CSS. 'débordement-x' et 'débordement-y' propriétés. Ce blog a expliqué les façons d'ajouter une barre de défilement verticale avec la méthode window.open() en JavaScript.