Nesta seção, discutiremos o método print() na linguagem JavaScript. A imprimir() O método é usado para imprimir o conteúdo atualmente visível, como uma página da web, texto, imagem, etc., na tela do computador. Quando usamos um imprimir() método em JavaScript e executar o código, abre uma caixa de diálogo de impressão que permite ao usuário ou programador selecionar uma opção apropriada para imprimir o conteúdo atual da janela.
Sintaxe
A seguinte sintaxe é usada para imprimir o conteúdo atual da janela:
window.print()
Na sintaxe acima, usamos o método window.print() que imprime o conteúdo atualmente visível da tela da janela.
Parâmetros : não contém nenhum parâmetro.
Devoluções : O método window.print() não retorna nada.
Navegador suportado do método print()
A seguir estão os navegadores que suportam o método window.print().
- Google Chrome
- Internet Explorer
- Fornalha
- Ópera
- Safári
Exemplo 1: Programa para imprimir uma página da web usando o método print()
Neste programa, estamos usando um método window.print() que imprime o conteúdo visível atual na tela da janela.
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>
Quando executamos o código de programação acima em qualquer navegador, ele exibe a imagem abaixo:
Na imagem acima, há um Imprimir botão. Agora clicamos no botão Imprimir, ele abre uma caixa de diálogo de impressão com o conteúdo visual atual da tela da janela, conforme mostrado abaixo.
Exemplo 2: Programa para imprimir o Formulário de Matrícula do Aluno usando o método print()
Neste programa, criamos um formulário de inscrição de aluno e depois o imprimimos usando o método window,print().
Aluno.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>
Quando executamos o código de programação acima em qualquer navegador, ele exibe a imagem abaixo:
Agora preenchemos todos os dados da ficha de matrícula do aluno e clicamos no botão Imprimir, que mostra a imagem abaixo.
Após clicar no botão Imprimir, são mostradas as diferentes operações do janela.print método. Assim que terminarmos todas as configurações na caixa de diálogo Imprimir, clique no botão Salvar para salvar o arquivo ou página em seu sistema.
Explicação do código: No programa acima, criamos um formulário de inscrição de aluno, e este formulário possui dois botões Redefinir e Botão Imprimir. O botão Redefinir é usado para redefinir o conteúdo e o botão Imprimir é usado para imprimir o conteúdo exibido. Quando clicamos no botão Imprimir, uma função onclick será ativada e chamará a função PrintFun(). Agora é executada a função PrintFun() que contém o método window.print() para imprimir o conteúdo exibido na tela da janela.
Conclusão:
Aprendemos sobre o método print() em JavaScript que imprime o conteúdo da tela da janela. Onde o conteúdo da tela da janela pode ser texto, imagem, anúncio, etc. Além disso, quando um método print() é chamado em JavaScript, ele abre a caixa de diálogo de impressão. Para que o usuário ou programador possa selecionar a opção adequada para imprimir o conteúdo exibido na tela da janela.