Imprimir parte específica de la página web

Los desarrolladores a menudo permiten imprimir solo la parte específica del contenido de una página web, como cualquier plan de pago o una información particular. Normalmente, el método tradicional para imprimir se puede usar para imprimir, como el comando de impresión. Sin embargo, no le permite imprimir el contenido particular a menos que use una herramienta de captura de pantalla para capturar e imprimir. Este enfoque puede ser útil, sin embargo, disminuye la legibilidad del texto.

Este tutorial ilustrará el procedimiento para imprimir una parte particular de una página web utilizando JavaScript.

Cómo imprimir una parte específica de una página web?

Para imprimir la parte específica de la página web con alta calidad:

• Utilizar el "getElementById ()Método para obtener la referencia del elemento de contenido.
• Luego, utiliza el "ventana.abiertoMétodo "que abre la ventana de impresión con el tamaño especificado.
• "ventana.documento.escribir"Escribe el texto en la ventana.
• "ventana.documento.cerca"Cierra el documento.
• "ventana.enfocar()"Establece el enfoque en el contenido de la ventana de impresión.
• Finalmente, usa el "ventana.imprimir()"Para imprimir el contenido.

Ejemplo
En un archivo HTML, primero, cree un DIV en una página web con algún contenido:

Linuxhint es el mejor sitio web para habilidades de aprendizaje.

Proporciona múltiples lenguajes de programación para aprender habilidades como

• HTML/CSS


• Javascript


• Java


• Pitón

Cree un botón de impresión fuera del div y adjunte un "al hacer clic"Evento con él que llama a la función"imprimir()"Mientras se hace clic:

Imprimir

Después de ejecutar el código anterior, la página web se verá de lo siguiente:

Ahora, en el archivo JavaScript, o en la etiqueta, agregue las líneas de código dadas:

function print ()
var printDiv = documento.getElementById ("Divprint");
var printwindow = ventana.Open (",", 'izquierda = 0, top = 0, ancho = 800, altura = 500, barra de herramientas = 0, scrollbars = 0, status = 0');
impresión.documento.escribir (printdiv.innerhtml);
impresión.documento.cerca();
impresión.enfocar();
impresión.imprimir();

En el fragmento de código anterior:

• Primero, defina el "imprimir()"Método que se invoca cuando el"al hacer clic"El evento se activa.
• Obtenga el elemento (div) que desea imprimir pasando su identificación asignada al "getElementById ()" método.
• Llama a "ventana.abierto()"Método y pasar el tamaño de la ventana de acuerdo con sus requisitos.
• Pasar la referencia del elemento Div al "ventana.documento.escribir()"Método con el"innerhtml"Propiedad para escribir el contenido en la ventana de impresión.
• Luego, cierre el documento usando el "ventana.cerca()" método.
• Establezca enfoque en la ventana de impresión utilizando el "ventana.enfocar()" método.
• Finalmente, llame al "imprimirMétodo del objeto de ventana para imprimir el contenido especificado.

Producción

Se trata de imprimir la parte especificada de la página web.

Conclusión

Para imprimir la parte específica de la página web, use el "getElementById ()Método para obtener la referencia del elemento del contenido. Entonces, usa el "ventana"Métodos, incluyendo"ventana.abierto","ventana.documento.escribir","ventana.documento.cerca","ventana.enfocar()", y "ventana.imprimir()". En este tutorial, ilustramos el procedimiento para imprimir una parte particular de una página web utilizando JavaScript.