O objetivo window.print de JavaScript function () é abrir a caixa de diálogo de impressão do navegador e permite que o usuário imprima facilmente fora de uma página web. Ele executa exatamente a mesma função Ctrl + F ou Arquivo> Imprimir , mas é útil para os desenvolvedores web, pois vamos eles incluem uma linha de impressão em uma localização conveniente na página. A sintaxe é fácil de aprender e tem espaço para um monte de personalização . Vamos dar uma olhada nos métodos mais comuns de uso window.print (). Instruções
usando um botão padrão
um
Cole o seguinte código em sua página .
< Input type = valor " botão " = " Imprimir página " onclick = " janela . print () " >
Quando você salvar e recarregue a página um botão cinza padrão aparecerá com o texto" Imprimir página "sobre ele .
2
Editar" Imprimir página "para tudo o que você quiser que o seu botão a dizer.
3
Personalize a forma, tamanho e cor do seu botão , adicionando uma classe CSS. Insira esta linha de código , class = " BTTN " , então, criar uma classe CSS correspondente no seu estilo.
Usando texto e imagens
4
Cole o seguinte código em sua página:
href="javascript:window.print()">
5
Substitua " image.jpg " com a URL da imagem que você deseja usar como um botão. Quando um usuário clica na imagem da caixa de diálogo de impressão será aberta.
6
Compreender a sintaxe da URL JavaScript. Em vez de ter um URL regular como o href, temos substituído com javascript: window.print (), que chama a função de impressão. Você pode chamar outras funções de JavaScript usando a sintaxe similar.
7
Criar um link de texto colando a seguinte linha de código. Adicione uma classe CSS para personalização extra.
Href="javascript:window.print()"> Imprimir esta página < /a>