Comment ouvrir une fenêtre contextuelle en javascript en utilisant onclick?
Les fenêtres contextuelles sur la page Web améliorent l'expérience utilisateur. Il s'agit d'une fonctionnalité pratique de la langue javascript qui est utilisée pour afficher des informations ou des fonctionnalités supplémentaires sans quitter la page actuelle. Par exemple, si vous souhaitez donner des informations supplémentaires sur tout autre site Web sur un clic d'un bouton, utilisez une fenêtre contextuelle pour ouvrir l'URL fournie. Il aide à maintenir l'utilisateur sur le même site Web et à accéder aux informations connexes à partir de ressources externes.
Ce blog illustrera la procédure pour ouvrir une fenêtre contextuelle en JavaScript à l'aide d'un onclick.
Comment ouvrir une fenêtre contextuelle en utilisant onclick en javascript?
Pour ouvrir une fenêtre contextuelle en utilisant l'événement OnClick, utilisez le JavaScript prédéfini "fenêtre.ouvrir()" méthode. Il accepte deux paramètres principaux et de nombreux paramètres facultatifs. Le "URL" et le "nom«De la nouvelle fenêtre ou de l'onglet est les principaux paramètres. Les autres paramètres facultatifs permettent d'ajouter des fonctionnalités supplémentaires telles que la position ou la taille de la nouvelle fenêtre, qu'elle contient ou non une barre d'état, des barres d'outils et bien d'autres.
Syntaxe
La syntaxe suivante est utilisée pour le «fenêtre.ouvrir()" méthode:
fenêtre.Ouvert (URL, nom, fenêtre)Exemple
Tout d'abord, nous créerons un bouton dans un fichier HTML et joindrons un «sur clic"Événement qui invoquera la fonction"surgir()«Pour ouvrir une fenêtre contextuelle sur un bouton CLIC:
Maintenant, définissez une fonction nommée «surgir()"Dans Tag et appelez le"fenêtre.ouvrir()" méthode. Passe le "URL ", le" nom "(" Popupwindow ") qui représente l'ouverture de l'URL dans une fenêtre contextuelle et les caractéristiques facultatives, telles que la hauteur et la largeur de la fenêtre contextuelle:
fonction popup ()fenêtre.Open ('https: // linuxhint.com / ',' popupwindow ',' height = 300, largeur = 500, gauche = 100, top = 100, barre de défilement = oui, résidable = oui, menuBar = non, barre d'outils = oui, emplacement = non, répertoires = non, statut = oui ')
On peut voir que la fenêtre contextuelle avec URL spécifiée et largeur et hauteur attribuées a été ouverte avec succès:
Il s'agissait d'ouvrir une fenêtre contextuelle en javascript sur un bouton cliquer.
Note: Si vous souhaitez créer une fenêtre contextuelle personnalisée en utilisant le "div«Élément pour montrer des informations particulières, veuillez visiter notre article dédié.
Conclusion
Pour ouvrir une fenêtre contextuelle, utilisez le JavaScript prédéfini "fenêtre.ouvrir()" méthode. Il ouvre une nouvelle fenêtre avec l'URL donnée. Il est fréquemment utilisé dans le développement Web pour créer des liens qui s'ouvrent dans une nouvelle fenêtre avec des informations particulières. Ce blog a illustré la procédure pour ouvrir une fenêtre contextuelle en JavaScript à l'aide d'un événement OnClick.