Cómo usar JavaScript para imprimir un PDF

Escrito por rachel smith | Traducido por carlos alberto feruglio
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo usar JavaScript para imprimir un PDF
(Jupiterimages/Photos.com/Getty Images)

Es comprensible que desees imprimir un archivo PDF usando un código que se encuentra directamente en tu página web. La alternativa es hacer que tu visor descargue el archivo PDF, lo abra y luego lo imprima desde otro programa como Adobe Acrobat. Usar JavaScript para imprimir un PDF le ahorra al usuario final la molestia de pasar por los pasos para examinar un archivo PDF antes de imprimirlo.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Necesitarás

  • Procesador de texto (como Notepad)
  • Navegador web

Lista completaMinimizar

Instrucciones

    Instrucciones

  1. 1

    Abre tu procesador de textos, ya que vas a tener que escribir código. Un marco en línea, o "iframe", es un elemento dentro de una página web diseñada para contener un documento externo. Necesitas el elemento iframe porque JavaScript es capaz de imprimir su contenido. Sólo asegúrate de que el archivo HTML de la página web y el archivo PDF se encuentren en el mismo directorio, si deseas que el código funcione correctamente sin ser modificado. Aquí está el código HTML que tiene que estar en tu página:

    <iframe src="document.pdf" id="PDFtoPrint"> </ iframe>

    El atributo "src", o la fuente, es como el elemento iframe sabe dónde buscar un documento externo. En este caso, apunta a un archivo PDF. Por lo tanto, si el archivo PDF tiene un nombre de archivo o ruta diferente, cambia "document.pdf" para reflejar la información correcta. El atributo "id" te permitirá hacer referencia a este iframe con JavaScript.

  2. 2

    Escribe un JavaScript para hacer referencia al iframe y muestra su contenido. El código HTML siguiente crea un botón "Imprimir" con una línea de código JavaScript en el controlador de evento "onclick" para que esto suceda:

    <input type="button" value="Print" onclick="document.getElementById('PDFtoPrint').focus(); document.getElementById('PDFtoPrint').contentWindow.print();">

    JavaScript hace referencia al iframe elemento HTML mediante el identificador "PDFtoPrint" que le hayas asignado. Los dos comandos enviados al iframe para la impresión son "focus ()" y "contentWindow.print ()".

  3. 3

    Guarda y prueba tu trabajo. Es muy probable que quieras guardar el código con una extensión de archivo ".htm" que luego podrá ser abierto en tu navegador web a fin de probarlo.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles