JavaScript - Impressão de página

Muitas vezes, você gostaria de colocar um botão em sua página da web para imprimir o conteúdo dessa página por meio de uma impressora real. JavaScript ajuda você a implementar essa funcionalidade usando oprint função de window objeto.

A função de impressão JavaScript window.print()imprime a página da web atual quando executado. Você pode chamar esta função diretamente usando oonclick evento conforme mostrado no exemplo a seguir.

Exemplo

Experimente o seguinte exemplo.

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

Resultado

Embora sirva para obter uma impressão, não é uma forma recomendada. Uma página para impressão é, na verdade, apenas uma página com texto, sem imagens, gráficos ou publicidade.

Você pode tornar uma página amigável para impressão das seguintes maneiras:

  • Faça uma cópia da página e omita textos e gráficos indesejados e, em seguida, crie um link para a página original para impressão. Verifique o exemplo .

  • Se não quiser manter uma cópia extra de uma página, você pode marcar seu texto para impressão usando comentários apropriados como <! - PRINT STARTS HERE -> ..... <! - PRINT ENDS HERE -> e então você pode usar PERL ou qualquer outro script em segundo plano para limpar o texto imprimível e exibir para a impressão final. Nós da Tutorialspoint usamos este método para fornecer a facilidade de impressão aos visitantes do nosso site.

Como imprimir uma página?

Se você não encontrar os recursos acima em uma página da web, poderá usar a barra de ferramentas padrão do navegador para imprimir a página da web. Siga o link a seguir.

File →  Print → Click OK  button.