JavaScript - Impression de pages

Plusieurs fois, vous souhaitez placer un bouton sur votre page Web pour imprimer le contenu de cette page Web via une imprimante réelle. JavaScript vous aide à implémenter cette fonctionnalité en utilisant leprint fonction de window objet.

La fonction d'impression JavaScript window.print()imprime la page Web actuelle lorsqu'elle est exécutée. Vous pouvez appeler cette fonction directement en utilisant leonclick événement comme indiqué dans l'exemple suivant.

Exemple

Essayez l'exemple suivant.

<html>
   <head>      
      <script type = "text/javascript">
         <!--
         //-->
      </script>
   </head>
   
   <body>      
      <form>
         <input type = "button" value = "Print" onclick = "window.print()" />
      </form>   
   </body>
<html>

Production

Bien que cela serve à obtenir une impression, ce n'est pas une méthode recommandée. Une page imprimable n'est en réalité qu'une page avec du texte, sans images, graphiques ou publicité.

Vous pouvez rendre une page imprimable des manières suivantes:

  • Faites une copie de la page et omettez le texte et les graphiques indésirables, puis créez un lien vers cette page imprimable à partir de l'original. Vérifiez l' exemple .

  • Si vous ne souhaitez pas conserver une copie supplémentaire d'une page, vous pouvez marquer votre texte imprimable en utilisant des commentaires appropriés comme <! - IMPRIMER COMMENCE ICI -> ..... <! - IMPRIMER FIN ICI -> puis vous pouvez utiliser PERL ou tout autre script en arrière-plan pour purger le texte imprimable et l'afficher pour l'impression finale. Chez Tutorialspoint, nous utilisons cette méthode pour fournir des services d'impression aux visiteurs de notre site.

Comment imprimer une page?

Si vous ne trouvez pas les fonctionnalités ci-dessus sur une page Web, vous pouvez utiliser la barre d'outils standard du navigateur pour imprimer la page Web. Suivez le lien comme suit.

File →  Print → Click OK  button.