Cómo abrir un archivo PDF en Javascript

Los archivos PDF son documentos protegidos que se utilizan para ser compartidos por la red.
Por lysis

Paso 1

Abre tu archivo HTML.

Abre tu archivo HTML en tu editor favorito. Puedes utilizar un editor de texto simple o algún editor más avanzado como Notepad++ o Visual Studio.


Paso 2

Agrega una función para abrir un archivo PDF.

Crea una función de Javascript que se pueda utilizar en cualquier parte de tu archivo HTML. El siguiente código debe colocarse en tu archivo luego de la etiqueta "<head>":

<script type="text/javascript"> function openPDF(file) { windows.open(file, 'resizable,scrollbars'); } </script>


Paso 3

Activa una función desde tu página web.

Activa para la función de el enlace del archivo PDF en tu página web. El siguiente código genera un enlace hacia un archivo PDF que activa para la función "Abrir" que habías creado antes:

<a href="#" onClick="openPDF('miPDF.pdf')">Open the PDF File</a>


Paso 4

Archivo PDF mostrado en tu escritorio.

Guarda el archivo y ábrelo con tu navegador web. Ahora presiona en el enlace para probar si funciona el código Javascript. El enlace activa la función que ha sido abierta mostrando así el archivo PDF que tienes en tu escritorio.