JavaScript: impresión de páginas

Muchas veces le gustaría colocar un botón en su página web para imprimir el contenido de esa página web a través de una impresora real. JavaScript le ayuda a implementar esta funcionalidad utilizando elprint funcion de window objeto.

La función de impresión de JavaScript window.print()imprime la página web actual cuando se ejecuta. Puede llamar a esta función directamente usando elonclick evento como se muestra en el siguiente ejemplo.

Ejemplo

Pruebe el siguiente ejemplo.

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

Salida

Aunque sirve para obtener una impresión, no es una forma recomendada. Una página que se puede imprimir es realmente una página con texto, sin imágenes, gráficos o publicidad.

Puede imprimir una página de las siguientes formas:

  • Haga una copia de la página y omita el texto y los gráficos no deseados, luego enlace a esa página para imprimir desde el original. Ver ejemplo .

  • Si no desea conservar una copia adicional de una página, puede marcar su texto imprimible utilizando comentarios adecuados como <! - IMPRIMIR COMIENZA AQUÍ -> ..... <! - IMPRIMIR TERMINA AQUÍ -> y luego puede usar PERL o cualquier otro script en segundo plano para purgar el texto imprimible y mostrarlo para la impresión final. En Tutorialspoint utilizamos este método para proporcionar la posibilidad de imprimir a los visitantes de nuestro sitio.

¿Cómo imprimir una página?

Si no encuentra las funciones anteriores en una página web, puede utilizar la barra de herramientas estándar del navegador para imprimir la página web. Siga el enlace de la siguiente manera.

File →  Print → Click OK  button.