logo

Méthode JavaScript print()

Dans cette section, nous aborderons la méthode print() dans le langage JavaScript. UN imprimer() La méthode est utilisée pour imprimer le contenu actuellement visible comme une page Web, un texte, une image, etc., sur l'écran de l'ordinateur. Quand on utilise un imprimer() méthode dans Javascript et exécutez le code, il ouvre une boîte de dialogue d'impression qui permet à l'utilisateur ou au programmeur de sélectionner une option appropriée pour imprimer le contenu actuel de la fenêtre.

Méthode JavaScript print()

Syntaxe

La syntaxe suivante est utilisée pour imprimer le contenu actuel de la fenêtre :

 window.print() 

Dans la syntaxe ci-dessus, nous utilisons la méthode window.print() qui imprime le contenu actuellement visible de l'écran de la fenêtre.

Paramètres : Il ne contient aucun paramètre.

Retour : La méthode window.print() ne renvoie rien.

Navigateur pris en charge de la méthode print()

Voici les navigateurs qui prennent en charge la méthode window.print().

  1. Google Chrome
  2. Internet Explorer
  3. Foyer
  4. Opéra
  5. Safari

Exemple 1 : Programme pour imprimer une page Web à l'aide de la méthode print()

Dans ce programme, nous utilisons une méthode window.print() qui imprime le contenu visible actuel dans l'écran de la fenêtre.

imprimer.html

 Use print() method in JavaScript <h2> Program to print the Current Content of the window using print() method </h2> <br> <br> <p> As the name suggests, the print () method is used to print the contents of the current window. When we use a print () method, it opens the print dialog box, which allows the user or programmer to select an appropriate option for printing the current content of the window. </p> 

Lorsque nous exécutons le code de programmation ci-dessus sur n'importe quel navigateur, il affiche l'image ci-dessous :

Méthode JavaScript print()

Dans l'image ci-dessus, il y a un Imprimer bouton. Maintenant, nous cliquons sur le bouton Imprimer, cela ouvre une boîte de dialogue d'impression avec le contenu visuel actuel de l'écran de la fenêtre, comme indiqué ci-dessous.

Méthode JavaScript print()

Exemple 2 : Programme pour imprimer le formulaire d'inscription de l'étudiant à l'aide de la méthode print()

Dans ce programme, nous créons un formulaire d'inscription étudiant puis l'imprimons à l'aide de la méthode window,print().

Étudiant.html

 Print Student Registration Form function printFun() { window.print(); } /* Create the Outer layout of the Calculator. */ .formstyle { width: 400px; height: 400px; margin: 20px auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; text-align: center; background-color: lightgreen; } /* Display top horizontal bar that contain some information. */ h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } *{ margin: 0; padding: 0; } <div class="formstyle" <br> Student Registration Form: First name <br> <br> Last name <br> <br> Father name <br> <br> Mother name <br> <br> Gender: Male Female <br> <br> Address <br> <br> Email <br> <br> Password: <br> <br> <br> <br> <br> </div>

Lorsque nous exécutons le code de programmation ci-dessus sur n'importe quel navigateur, il affiche l'image ci-dessous :

Méthode JavaScript print()

Maintenant, nous remplissons tous les détails du formulaire d'inscription étudiant et cliquons sur le bouton Imprimer, qui montre l'image ci-dessous.

fichier json
Méthode JavaScript print()

Après avoir cliqué sur le bouton Imprimer, les différentes opérations du fenêtre.print méthode. Une fois que nous avons terminé tous les paramètres dans la boîte de dialogue Imprimer, cliquez sur le bouton Enregistrer pour enregistrer le fichier ou la page dans votre système.

Explication du code : Dans le programme ci-dessus, nous avons créé un formulaire d'inscription étudiant, et ce formulaire comporte deux boutons Réinitialiser et Imprimer. Le bouton Réinitialiser est utilisé pour réinitialiser le contenu et le bouton Imprimer est utilisé pour imprimer le contenu affiché. Lorsque nous cliquons sur le bouton Imprimer, une fonction onclick s'activera et appellera la fonction PrintFun(). La fonction PrintFun() est maintenant exécutée et contient la méthode window.print() pour imprimer le contenu affiché sur l'écran de la fenêtre.

Conclusion:

Nous avons découvert la méthode print() en JavaScript qui imprime le contenu de l'écran de la fenêtre. Où le contenu de l'écran de la fenêtre peut être du texte, une image, une publicité, etc. De plus, lorsqu'une méthode print() est appelée en JavaScript, elle ouvre la boîte de dialogue d'impression. Ainsi, l'utilisateur ou le programmeur peut sélectionner l'option appropriée pour imprimer le contenu affiché sur l'écran de la fenêtre.