>> Tecnologia eletrônica >  >> Lar inteligente >> Vida Inteligente

Como usar JavaScript para imprimir um PDF


É compreensível que você queira imprimir um arquivo PDF usando o código localizado diretamente em sua página da web. A alternativa é fazer com que seu visualizador baixe o arquivo PDF, abra-o e imprima-o de outro programa como o Adobe Acrobat. Usar JavaScript para imprimir um PDF evita que o usuário final tenha que passar pelas etapas para examinar um arquivo PDF antes de imprimi-lo.

Etapa 1


Abra seu processador de texto, pois você precisará escrever algum código. Um quadro embutido, ou "iframe", é um elemento dentro de uma página da Web projetado para conter um documento externo. Você precisa do elemento iframe porque o JavaScript é capaz de imprimir seu conteúdo. Apenas certifique-se de que o arquivo HTML da página da web e o arquivo PDF estejam no mesmo diretório se você quiser que o código funcione corretamente sem ser modificado. Aqui está o HTML que precisa estar em sua página:

O atributo "src", ou source, é como o elemento iframe sabe onde procurar um documento externo. Nesse caso, ele aponta para o arquivo PDF. Portanto, se o seu arquivo PDF tiver um nome de arquivo ou caminho diferente, altere "document.pdf" para refletir as informações corretas. O atributo "id" permitirá que você faça referência a esse iframe com JavaScript.

Etapa 2


Escreva um JavaScript para referenciar o iframe e imprimir seu conteúdo. O HTML a seguir cria um botão "Imprimir" com uma linha de JavaScript no manipulador de eventos "onclick" para que isso aconteça:



O JavaScript faz referência ao elemento HTML iframe por seu ID "PDFtoPrint" que você atribuiu. Os dois comandos enviados ao iframe para impressão são "focus()" e "contentWindow.print()".

Etapa 3


Salve e teste seu trabalho. Você provavelmente desejará salvar o código com uma extensão de arquivo ".htm" e, em seguida, poderá abri-lo em seu navegador da Web para teste.