Qu'est-ce que la fenêtre.Ouvert en javascript

Dans HTML, la balise d'ancrage est utilisée pour rediriger les utilisateurs d'une page vers une autre page. Ce type de balise ne se limite qu'à l'ouverture d'un lien sur la page actuelle ou dans un nouvel onglet; Les deux moyens ne conviennent pas si vous souhaitez vous assurer que l'utilisateur reste engagé avec votre contenu. En solution, vous devez interagir avec JavaScript dans lequel les nouveaux liens ou pages peuvent être ouverts dans des fenêtres contextuelles ou dans de nouvelles fenêtres de navigateur.

Cet article fournira des conseils sur la fenêtre.Méthode Open () en javascript.

Qu'est-ce que la fenêtre.open () en javascript?

En JavaScript, "fenêtre.ouvrir()«La méthode est utilisée pour ouvrir une nouvelle fenêtre de navigateur avec ou sans aucun contenu. Cette méthode fournit un contrôle sur la fenêtre du navigateur pour régler la hauteur, la largeur et la position de la fenêtre.

Comment utiliser la fenêtre.open () en javascript?

Pour utiliser la fenêtre.Méthode Open () en javascript, utilisez la syntaxe suivante:

fenêtre.Ouvert (URL, cible, fenêtre)

Ici, "URL»Représente l'adresse URL de la page qui doit être ouverte. Si non spécifié, par défaut, un onglet ou une fenêtre vierge sera ouvert.

Cible: Cela attribue le nom de la fenêtre dans lequel le contexte est chargé. De plus, vous pouvez également déclarer les cibles / options suivantes pour avoir plus de contrôle sur votre fenêtre:

• _blanc: Il s'agit de l'option par défaut dans laquelle l'URL est chargée dans un nouvel onglet ou une nouvelle fenêtre.
• _parent: L'URL sera ouverte dans la fenêtre de travail actuelle.
• _ soi: Cela remplacera la page actuelle par l'URL spécifiée.
• _haut: Cela ouvrira l'URL dans n'importe quelle fenêtre chargée

WindowFeatures: Cela vous aidera à personnaliser une fenêtre en fonction de vos besoins. C'est un argument facultatif. Les valeurs suivantes sont prises en charge:

• hauteur = pixels: Cela démontre la hauteur de la fenêtre. L'unité ne peut être attribuée qu'en pixels (PX).
• largeur = pixels: Cette option définira la largeur de la fenêtre.
• gauche = pixels: Ajustez la fenêtre du côté gauche.
• TOP = Pixels: Spécifiez la position supérieure de la fenêtre
• Residable = Oui | Non: Cela permettra à la fenêtre d'être résidante respectivement.
• MenUbar = Oui | Non: Contrôlez le comportement de savoir si la barre de menu sera affichée ou non.
• Craves de défilement = Oui | Non: Afficher ou masquer les barres de défilement sur certains navigateurs spécifiques, tels que Firefox, IE et l'opéra.
• status = oui | non: Décidez si la barre d'état sera affichée ou non.
• TitleBar = Oui | Non: Définissez cette option sur OUI si vous souhaitez afficher la barre de titre; Sinon, non.

Appliquons quelques valeurs dans l'exemple ci-dessous pour comprendre comment la fenêtre.La méthode Open () fonctionne en javascript.

Exemple 1

Dans notre exemple, nous utiliserons «

"Et un"" étiqueter.

La balise contient un texte décrivant l'objectif du bouton. Ensuite, dans la balise, nous définirons le «sur clic»Événement et attribuez-lui une fonction nommée«xyzFunction ()". Placez les deux balises dans la balise du fichier HTML:

Cliquez sur le bouton ci-dessous ouvrira une nouvelle fenêtre avec des dimensions définies

Cliquez sur moi

À l'intérieur de "xyzFunction ()«De notre fichier JavaScript, nous spécifierons le«nouvelle fenetre«En tant que variable. En gardant la syntaxe à l'esprit, nous utiliserons le «fenêtre.ouvrir()”Méthode avec l'URL comme« https: // Linuxhint.com »et réglez la hauteur comme«250"Et la largeur"400»(Pixels). Utilisez le «» vide pour laisser la valeur cible vide:

fonction xyzfunction ()
var newwindow = fenêtre.Open ("https: // linuxhint.com "," "," hauteur = 250, largeur = 400 ");

En conséquence, lorsque le bouton ajouté est cliqué, une nouvelle fenêtre sera ouverte en fonction de l'URL spécifiée:

Prenons un autre exemple pour voir comment la valeur cible joue son rôle dans la fenêtre.Méthode Open ().

Exemple 2

Dans cet exemple, nous discuterons d'abord du but du bouton à l'aide d'un texte:

Cliquez sur le bouton ci-dessous ouvrira le lien dans le cadre parent
avec des dimensions définies

Utilisons la valeur cible comme «_parent”Ainsi que la même URL et les mêmes fenêtres utilisées dans l'exemple précédent. Cependant, la spécification de l'argument _parent ouvrira le lien dans la trame actuelle:

fonction xyzfunction ()
var newwindow = fenêtre.Open ("https: // linuxhint.com "," _parent "," height = 250, width = 400 ");

Sortir

Nous avons couvert en détail ce qu'est la fenêtre.open () en javascript.

Conclusion

"fenêtre.ouvrir()"Est une méthode prédéfinie JavaScript utilisée pour ouvrir la nouvelle fenêtre du navigateur avec ou sans aucun contenu. Il offre diverses options pour contrôler la fenêtre du navigateur, telles que la hauteur, la largeur et la position. Dans ce manuel, nous avons expliqué en détail quelle fenêtre.open () est et comment l'utiliser dans javascript.