¿Cómo imprimir una página web usando JavaScript?

Javascript multiplataforma, lenguaje de scripting para web. Facilita la funcionalidad dinámica que ayuda a hacer el sitio web interactivo. Como todos los navegadores Morden usan Javascript y es un lenguaje de secuencias de comandos del lado del cliente que ayuda al servidor web a leer el código fuente y transmitirlo a través de Internet a la computadora del cliente y ejecutarlo directamente en los navegadores, lo que, a su vez, ayuda a analizar el comportamiento de la página web. También se utiliza para validaciones y funcionalidad para eventos de usuario. Javascript facilita la capacidad de imprimir la página web actual, que se puede guardar en el formato de documento portátil. En este artículo, discutiremos cómo imprimir la página web en Javascript, además de comprender su implementación a través del ejemplo. 

El método print() imprime el contenido de la página web actual que puede incluir texto, imágenes, gráficos, etc. Si el documento aún se está cargando mientras se llama a esta función cuando el documento finaliza el proceso de carga antes de que se abra el cuadro de diálogo de impresión. Este método se bloquea al abrir el cuadro de diálogo de impresión.

Sintaxis: 

window.print();

Parámetro: Este método no toma ningún parámetro.

Valor devuelto: No devuelve ningún valor.

Enfoque: Cree un botón con un evento onClick que se adjunta con el método printpage() , y debería activarse cuando queramos imprimir la página. Cuando el usuario hace clic en el botón, se llamará al método printpage() (en la etiqueta del script), que puede contener algún código que ayude a imprimir la página. Después de esto, aparecerá un cuadro de diálogo que contendrá la opción de guardar el documento.

Ejemplo: Este ejemplo describe el uso del método print() para imprimir la página web actual en Javascript.

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>Javascript print() Method</title>
</head>
  
<body>
    <h2>GeeksforGeeks</h2>
  
    <h4>Javascript print() Method</h4>
  
    <p>
        A Computer Science portal for geeks.
        It contains well written, well thought
        and well explained computer science and
        programming articles.
    </p>
  
    <button onclick="printpage()" style="color:white;
                   background-color: red; 
                   font-weight: bold;">Click to Print
    </button>
      
    <script>
        function printpage() {
            window.print();
        }
    </script>
</body>
  
</html>

Producción:

Método de impresión() de Javascript

Publicación traducida automáticamente

Artículo escrito por singh_teekam y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *