Imprima parte específica da página da web

Os desenvolvedores geralmente permitem imprimir apenas a parte específica do conteúdo de uma página da web, como quaisquer planos de pagamento ou uma informação específica. Normalmente, o método tradicional para imprimir pode ser usado para impressão, como o comando de impressão. No entanto, ele não permite imprimir o conteúdo específico, a menos que você use uma ferramenta de captura de tela para capturar e imprimir. Essa abordagem pode ser útil, no entanto, diminui a legibilidade do texto.

Este tutorial ilustrará o procedimento para imprimir uma parte específica de uma página da web usando JavaScript.

Como imprimir uma parte específica de uma página da web?

Para imprimir a parte específica da página da web com alta qualidade:

• Use o "getElementById ()”Método para obter a referência do elemento de conteúdo.
• Então, utilize o “janela.abrir”Método, que abre a janela de impressão com o tamanho especificado.
• ““janela.documento.escrever”Escreve o texto na janela.
• ““janela.documento.fechar”Fecha o documento.
• ““janela.foco()”Defina o foco no conteúdo da janela de impressão.
• Finalmente, use o “janela.imprimir()”Para imprimir o conteúdo.

Exemplo
Em um arquivo html, primeiro, crie uma div em uma página da web com algum conteúdo:

Linuxhint é o melhor site para habilidades de aprendizado.

Ele fornece várias linguagens de programação para aprender habilidades, como

• HTML/CSS


• JavaScript


• Java


• Pitão

Crie um botão de impressão fora da div e anexe um “ONCLICK”Evento com ele que chama a função“imprimir()”Enquanto é clicado:

Imprimir

Depois de executar o código acima, a página da web será a seguinte:

Agora, no arquivo JavaScript, ou na tag, adicione as linhas de código fornecidas:

function print ()
var printDiv = documento.getElementById ("divprint");
var printWindow = janela.aberto (",", 'esquerda = 0, topo = 0, largura = 800, altura = 500, barra de ferramentas = 0, scrollbars = 0, status = 0');
PrintWindow.documento.Write (printDiv.innerhtml);
PrintWindow.documento.fechar();
PrintWindow.foco();
PrintWindow.imprimir();

No trecho de código acima:

• Primeiro, defina o “imprimir()”Método que é invocado quando o“ONCLICK”O evento é acionado.
• Obtenha o elemento (div) que você deseja imprimir, passando seu ID atribuído para o “getElementById ()”Método.
• Ligar para "janela.abrir()”Método e passe o tamanho da janela de acordo com a sua exigência.
• Passe a referência do elemento div para o “janela.documento.escrever()”Método com o“Innerhtml”Propriedade para escrever o conteúdo na janela de impressão.
• Em seguida, feche o documento usando o “janela.fechar()”Método.
• Defina o foco na janela de impressão usando o “janela.foco()”Método.
• Finalmente, chame o “imprimir”Método do objeto de janela para imprimir o conteúdo especificado.

Saída

Isso se trata de imprimir a parte especificada da página da web.

Conclusão

Para imprimir a parte específica da página da web, use o “getElementById ()”Método para obter a referência do elemento do conteúdo. Então, use o “janelas”Métodos, incluindo“janela.abrir","janela.documento.escrever","janela.documento.fechar","janela.foco()", e "janela.imprimir()”. Neste tutorial, ilustramos o procedimento para imprimir uma parte específica de uma página da web usando JavaScript.