logo

Método de impresión () de JavaScript

En esta sección, discutiremos el método print() en el lenguaje JavaScript. A imprimir() El método se utiliza para imprimir los contenidos actualmente visibles, como una página web, texto, imagen, etc., en la pantalla de la computadora. Cuando utilizamos un imprimir() método en javascript y ejecuta el código, abre un cuadro de diálogo de impresión que permite al usuario o programador seleccionar una opción adecuada para imprimir el contenido actual de la ventana.

Método de impresión () de JavaScript

Sintaxis

La siguiente sintaxis se utiliza para imprimir el contenido actual de la ventana:

 window.print() 

En la sintaxis anterior, utilizamos el método window.print() que imprime el contenido actualmente visible de la pantalla de la ventana.

Parámetros : No contiene ningún parámetro.

Devoluciones : El método window.print() no devuelve nada.

Navegador compatible con el método print()

Los siguientes son los navegadores que admiten el método window.print().

  1. Google Chrome
  2. explorador de Internet
  3. Caja de fuego
  4. Ópera
  5. Safari

Ejemplo 1: Programa para imprimir una página web usando el método print()

En este programa, estamos usando un método window.print() que imprime el contenido visible actual en la pantalla de la ventana.

imprimir.html

 Use print() method in JavaScript <h2> Program to print the Current Content of the window using print() method </h2> <br> <br> <p> As the name suggests, the print () method is used to print the contents of the current window. When we use a print () method, it opens the print dialog box, which allows the user or programmer to select an appropriate option for printing the current content of the window. </p> 

Cuando ejecutamos el código de programación anterior en cualquier navegador, se muestra la siguiente imagen:

Método de impresión () de JavaScript

En la imagen de arriba, hay un Imprimir botón. Ahora hacemos clic en el botón Imprimir, se abre un cuadro de diálogo de impresión con el contenido visual actual de la pantalla de la ventana, como se muestra a continuación.

Método de impresión () de JavaScript

Ejemplo 2: Programa para imprimir el formulario de inscripción de estudiantes usando el método print()

En este programa, creamos un formulario de inscripción de estudiante y luego lo imprimimos usando el método window,print().

Estudiante.html

 Print Student Registration Form function printFun() { window.print(); } /* Create the Outer layout of the Calculator. */ .formstyle { width: 400px; height: 400px; margin: 20px auto; border: 3px solid skyblue; border-radius: 5px; padding: 20px; text-align: center; background-color: lightgreen; } /* Display top horizontal bar that contain some information. */ h1 { text-align: center; padding: 23px; background-color: skyblue; color: white; } *{ margin: 0; padding: 0; } <div class="formstyle" <br> Student Registration Form: First name <br> <br> Last name <br> <br> Father name <br> <br> Mother name <br> <br> Gender: Male Female <br> <br> Address <br> <br> Email <br> <br> Password: <br> <br> <br> <br> <br> </div>

Cuando ejecutamos el código de programación anterior en cualquier navegador, se muestra la siguiente imagen:

Método de impresión () de JavaScript

Ahora completamos todos los detalles del formulario de registro de estudiantes y hacemos clic en el botón Imprimir, que muestra la siguiente imagen.

Método de impresión () de JavaScript

Después de hacer clic en el botón Imprimir, se muestran las diferentes operaciones del ventana.imprimir método. Una vez que hayamos terminado con todas las configuraciones en el cuadro de diálogo Imprimir, haga clic en el botón Guardar para guardar el archivo o la página en su sistema.

Explicación del código: En el programa anterior, hemos creado un formulario de registro de estudiantes, y este formulario tiene dos botones Restablecer e Imprimir. El botón Restablecer se usa para restablecer el contenido y el botón Imprimir se usa para imprimir el contenido mostrado. Cuando hacemos clic en el botón Imprimir, se activará una función onclick y llamará a la función PrintFun(). Ahora se ejecuta la función PrintFun() que contiene el método window.print() para imprimir el contenido mostrado en la pantalla de la ventana.

Conclusión:

Hemos aprendido sobre el método print() en JavaScript que imprime el contenido de la pantalla de la ventana. Donde el contenido de la pantalla de la ventana puede ser texto, imagen, publicidad, etc. Además, cuando se llama a un método print() en JavaScript, se abre el cuadro de diálogo de impresión. De modo que el usuario o programador pueda seleccionar la opción adecuada para imprimir el contenido mostrado en la pantalla de la ventana.