Cómo imprimir una página web con Javascript

Hace unos días, Sergio preguntó en Cómo convertir HTML a PDF en Java cómo imprimir ese PDF directamente.

Si bien de esa forma no podríamos hacerlo, sí que hay una forma de imprimir una página web con Javascript, que en su caso sería el paso previo en el HTML.

Imprimir una página web con Javascript

Es muy sencillo, simplemente llamar a window.print() cuando queramos imprimir.

Para evitar errores y teniendo en cuenta la accesibilidad, está bien que comprobemos previamente que esta funcionalidad está disponible.

Podemos crear la siguiente función.

function printHTML() { 
  if (window.print) { 
    window.print(); 
  } 
}

Imprimir una página web con Javascript al cargar una página

Después podemos invocarla justo al terminar de cargar la página si es lo que queremos.

function printHTML() { 
  if (window.print) { 
    window.print();
  }
}
document.addEventListener("DOMContentLoaded", function(event) {
  printHTML(); 
});

Imprimir una página web con Javascript al hacer click

O añadir un enlace o botón, que al hacer click muestre el diálogo para imprimir.

<button onclick="printHTML()">Print this page</button><script>
function printHTML() {
  if (window.print) {
    window.print();
  }
}
</script>

Deja un comentario con tu sugerencia o si tienes dudas.

David Burgos

Read more posts by this author.