How to display pdf in html using javascript

Embedding PDF files in HTML#

Embed using iframe tag#

If you want to add a PDF file to your website, there are a couple of ways you can do it. One way is to use the iframe tag. You can add an iframe tag with the source URL of your PDF file:

You can set the width and height attributes to adjust the size of the frame:

If you want to make the frame full width, you can set the width value to 100%:

Embed as a link#

Another option to share your PDF file is by using it as a link.

This means that when someone clicks on the link, the PDF file will open for them to view.

It's a simple and straightforward way to share your PDF with others.

If you want the link to open in a new tab, you can set the target attribute as "_blank" or "blank":

• _blank: every time someone clicks on the link, it will open in a new tab.
• blank: the first time someone clicks on the link, it will open in a new tab.

  However, any subsequent links that person clicks on will also open in the same newly-opened tab. This can be handy if you want to keep related links together in the same tab.

Other em

how to embed base64 pdf in html

how to add a pdf download in html