Javascript 如何使用html5和jquery在网页中显示pdf内容?

Javascript 如何使用html5和jquery在网页中显示pdf内容?,javascript,jquery,html,pdf,Javascript,Jquery,Html,Pdf,如何在mydiv中显示pdf文档。我正在使用HTML5来建立我的移动网站。我需要在div中显示我的pdf文档 需要翻页并转到特定页面 <div> <object data="test.pdf" type="application/pdf" width="300" height="200"> alt : <a href="test.pdf">test.pdf</a> </object> </div> 中高音: 阅读此线程

如何在mydiv中显示pdf文档。我正在使用HTML5来建立我的移动网站。我需要在div中显示我的pdf文档 需要翻页并转到特定页面


<div>
<object data="test.pdf" type="application/pdf" width="300" height="200">
alt : <a href="test.pdf">test.pdf</a>
</object>
</div> 
中高音:

阅读此线程-

我敢说出它的名字,以免受到批评,但您可以使用iframe并允许浏览器提供导航。

您可以使用以下代码:

<embed src="http://domain.com/your_pdf.pdf" width="600" height="500" alt="pdf" pluginspage="http://www.adobe.com/products/acrobat/readstep2.html">

或使用谷歌文档可嵌入PDF查看器:

<iframe src="http://docs.google.com/gview?url=http://domain.com/your_pdf.pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

我要做的是将pdf拖到google drive。然后,单击新的pdf(通常在google drive中位于左上方),单击顶部的共享图标,转到高级,然后单击更改,并确保单击了“公共”单选按钮。单击保存,然后单击完成。 现在回到google drive,点击pdf打开它,然后点击弹出图标(右上角,X关闭图标旁边)。pdf现在全屏显示后,单击:更多操作图标(三个垂直点),您将发现一个“嵌入”机会。单击该按钮,您将获得嵌入代码。瞧

注意:通过这种方式获得的pdf将可以粘贴到您的博客或HTML网站,文档中的任何链接都可以使用!!悬停时,右上角会有一个小弹出图标,使pdf全屏显示。如果您想在页面上放置多个,可以将其弹出到div。下面是一些例子


John Burch

你想在div中嵌入Adobe Reader吗?是的,这很酷,但我想在side Turnjs div中嵌入它,我如何用Turnjs实现?请检查这些链接1:2:我认为这应该是评论在桌面浏览器中可以正常工作,但在手机中不行。。。如何使其在移动浏览器中工作?