Méthodes d'objet de fenêtre | Expliqué
Cet article discutera des méthodes d'objets de fenêtre en javascript. Nous démontrerons l'utilisation de certaines méthodes d'objets de fenêtre utiles telles que Alert (), Confirm (), Invite (), Open () et SetTimeout (). De plus, une liste des autres méthodes d'objet de fenêtre JavaScript avec leur description sera également fournie. Alors, commençons!
Méthode d'objet de fenêtre () en javascript
La méthode Alert () de l'objet de fenêtre est utilisée pour afficher une boîte d'alerte qui contient la chaîne ajoutée et a un "D'ACCORD" bouton.
Exemple: Utilisation de la méthode de l'objet Window Alert () en javascript
Dans cet exemple, premièrement, nous définirons un «msg ()”Fonction avec le«alerte()”Méthode d'objet de fenêtre dans son corps. Après cela, nous ajouterons un "Cliquez sur moi«Bouton puis attachez le«msg ()«Fonction à son«sur clic" événement:
Exécutez le programme donné ci-dessus dans votre éditeur de code préféré ou tout autre bac à sable codant en ligne; Cependant, nous utiliserons le JSBIN à cet effet:
Maintenant, lorsque nous cliquons sur le bouton mis en surbrillance, une boîte d'alerte sera affichée avec le message "Nous apprenons des méthodes d'objets de fenêtre»:
Méthode d'objet de fenêtre Confirm () en javascript
Dans JavaScript, la méthode de l'objet de fenêtre Confirm () est utilisée pour afficher une boîte de dialogue Confirmer qui contient la chaîne ajoutée et deux boutons: «D'ACCORD" et "Annuler".
Exemple: Utilisation de la méthode d'objet Window Confirm () dans JavaScript
Dans l'exemple ci-dessous, nous ajouterons un «msg ()" fonction. Le "msg ()”Fonction invoquera la méthode d'objet de fenêtre Confirm () avec le message spécifié. En cas de clic sur le «D'ACCORD"Bouton, il montrera une invite montrant le"Oui”String, et pour le"Annuler"Bouton, il affichera"Non"Sur l'invite:
Notez que, nous joindrons le créé "msg ()”Fonction, sur le«sur clic«Événement du«Supprimer le dossier" bouton:
Voici la "Supprimer le dossier" bouton; En cliquant dessus, il affichera la boîte de dialogue Confirmer ci-dessous:
Nous avons cliqué sur le «D'ACCORD”Bouton, et l'invite suivante s'affiche sur le navigateur:
En cas de clic "Annuler», Notre programme JavaScript montrera cette invite:
Méthode d'objet de fenêtre () dans JavaScript
Si vous recherchez une méthode d'objet de fenêtre qui peut vous aider à prendre les entrées de l'utilisateur via une boîte de dialogue, vous pouvez utiliser le «rapide()«Méthode dans votre code javascript. Le "rapide()»La méthode de l'objet Window fournit un champ de texte et le message spécifié.
Exemple: Utilisation de la méthode d'objet de fenêtre () dans JavaScript
Dans notre programme JavaScript, nous avons ajouté un «Cliquez sur moi"Bouton, et sur son"sur clic»Événement, nous invoquerons le«showInfo ()" fonction. Quand le corps du «showInfo ()"La fonction sera exécutée, il affichera une invite vous demandant de saisir votre nom, puis il affichera le nom ajouté dans une boîte d'alerte lorsque vous cliquez sur"D'ACCORD”Bouton de l'invite:
Ici, je suis entré "sharqa«Comme nom, puis cliqué sur le«D'ACCORD" bouton:
Comme vous pouvez le voir, le nom entré s'affiche dans une autre boîte d'alerte:
Méthode d'objet de fenêtre Open () en javascript
La méthode de l'objet de fenêtre Open () est utilisée pour afficher le contenu ajouté dans une nouvelle fenêtre de navigateur.
Exemple: Utilisation de la méthode d'objet Window Open () dans JavaScript
Nous avons ajouté un lien dans le "ouvrir()”Méthode d'objet de fenêtre dans l'exemple donné ci-dessous. Selon le code fourni, lorsque nous cliquerons sur "linuxhint"Bouton, le défini"ouvrir le lien()«La fonction sera invoquée et il déplacera le contrôle vers la nouvelle fenêtre. La fenêtre ouverte affichera le contenu du lien ajouté:
Cliquez sur le "linuxhint«Le bouton ouvrira notre site Web LinuxHint dans la nouvelle fenêtre:
Méthode SetTimeout () de la fenêtre en javascript
La méthode SetTimeout () Window Object effectue une tâche spécifiée après les millisecondes supplémentaires.
Exemple: Méthode d'objet de fenêtre setTimeout () dans JavaScript
Dans l'exemple suivant, la méthode setTimeout () sera invoquée lorsque nous cliquerons sur «Cliquez sur moi" . bouton. Puis après "5”SECONDES, une boîte d'alerte apparaîtra sur la fenêtre du navigateur:
Voici la boîte d'alerte que nous avons après cinq secondes:
Autres méthodes d'objets de fenêtre en javascript
Consultez la liste des autres méthodes d'objets de fenêtre utiles:
| Méthode de l'objet de fenêtre | Description |
|---|---|
| a à B() | La méthode de l'objet de fenêtre atoB () est utilisée pour décoder une chaîne codée de base-64. |
| se brouiller() | La méthode Blur () de l'objet de fenêtre est utilisée pour changer la focalisation de la fenêtre active. |
| btoa () | La méthode BTOA () BTOA () est utilisée pour coder une chaîne dans la base-64. |
| ClearInterval () | La méthode ClearInterval () de l'objet de fenêtre est utilisée pour supprimer un jeu de minuterie avec la méthode setInterval (). |
| ClearTimeout () | La méthode de l'objet de fenêtre ClearTimeout () est utilisée pour supprimer une minuterie définie à l'aide de la méthode setTimeout (). |
| fermer() | La méthode de fermeture de l'objet de fenêtre est utilisée pour fermer la fenêtre active. |
| se concentrer() | La méthode Focus Focus () de la fenêtre est utilisée pour définir la mise au point sur la fenêtre active. |
| getCompuledStyle () | La méthode de l'objet Window GetComputedStyle () est utilisée pour récupérer les styles CSS actifs qui sont appliqués à un élément HTML. |
| getSelection () | La méthode de l'objet de fenêtre getSelection () est utilisée pour afficher un objet de sélection qui représente la plage de texte sélectionnée par l'utilisateur. |
| MatchMedia () | La méthode MatchMedia () d'objet Window. |
| moveby () | La méthode de MoveBy () de l'objet de fenêtre est utilisée pour déplacer la fenêtre d'un navigateur par rapport à sa position actuelle. |
| déménager à() | La méthode Moveto () de l'objet de fenêtre est utilisée pour déplacer la fenêtre du navigateur à la position ajoutée. |
| imprimer() | La méthode d'objet de fenêtre print () est utilisée pour imprimer le contenu de la fenêtre active. |
| requestanimationframe () | La méthode de la fenêtre de demandeanimationframe () est utilisée pour demander au navigateur d'invoquer la fonction de mise à jour d'animation. |
| ResizeBy () | La méthode ResizeBy () de l'objet de fenêtre est utilisée pour redimensionner la fenêtre actuelle en fonction des pixels ajoutés. |
| resizeto () | La méthode Resizeto () de l'objet de fenêtre est utilisée pour redimensionner la fenêtre actuelle sur la hauteur et la largeur spécifiées. |
| Scrollby () | La méthode de Scrollby () de l'objet de fenêtre est utilisée pour faire défiler le document en fonction du nombre spécifié de pixels. |
| ScrolltO () | La méthode de ScrolltO () de l'objet de fenêtre est utilisée pour faire défiler le document en fonction des valeurs de coordonnées spécifiées. |
| arrêt() | La méthode STOP () de l'objet de fenêtre est utilisée pour empêcher la fenêtre de charger. |
Conclusion
Les méthodes d'objets de fenêtre en javascript sont invoquées pour effectuer des fonctions spécifiques pour l'objet de fenêtre, telles que la redimensionnement de la fenêtre active, affichant une invite, décodant une chaîne codée, définissant l'intervalle de temps pour effectuer des opérations, supprimant la mise au point de la fenêtre actuelle. Cet article a discuté des méthodes d'objets de fenêtre en javascript. Nous avons démontré l'utilisation de certaines méthodes d'objets de fenêtre utiles telles que Alert (), Confirm (), Invite (), Open () et SetTimeout (). De plus, une liste des autres méthodes d'objet de fenêtre JavaScript avec descriptions est également fournie.