PDF文件不可被嵌入到Web的HTML文档中。

html-css016

PDF文件不可被嵌入到Web的HTML文档中。,第1张

可以将视频、声音和SWF文件嵌入到PDF中,但不支持动态HTML文件。

在PDF中,最好使用AdobeAcrobat中的附加选项。

这将“附加”与PDF文档类似的任何文件添加附件与电子邮件。但是附件不能在PDF文档中查看,必须单独打开。

把PDF放在自己制作的html静态页面上,首先保证客户端安装有可以直接打开PDF的软件,比如:Adobe Reader

具体解决办法有三种,针对不同的浏览器兼容性方面要做稍微调整。

一、使用 <OBJECT>标记在HTML 中嵌入PDF 文档

如果您的用户使用与 Internet Explorer 兼容、支持 ActiveX 控件的浏览器,您可用 <OBJECT>标记嵌入 PDF 文档,而不需用 <EMBED>标记。与Internet Explorer 3.0 或更高版本兼容的浏览器能支持 <OBJECT>标记。

具体代码如下:

如无法查看,请先下载安装Adobe Reader X

<p style="margin-top: -2pxmargin-bottom: 0">

<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" id="Pdf1" width="730" height="606">

<param name="_Version" value="327680">

<param name="_ExtentX" value="19315">

<param name="_ExtentY" value="16034">

<param name="_StockProps" value="0">

<param name="SRC" value="pdf路径">

</object>

直接嵌入PDF可能会显示PDF头部的功能按钮,可以通过设置margin-top: -2px的值予以隐藏。相关参数调整嵌入的PDF的高宽。

二、使用iframe嵌入pdf

使用iframe包含pdf文件,格式上面就没法保证,显示出来的样式不太好看。 具体代码如下:

<iframe src="pdf路径" with="" height="" scroll="no"></iframe>

三、直接打开pdf

直接打开pdf,使用连接形式打开,如果客户端有安装PDF阅读软件,可以直接打开,但是会整个显示,全屏都是PDF内容了。

具体代码如下:

<a href="pdf路径">XXpdf</a>

iframe嵌入文件是最简单的,直接加载就好.

方法一

方法二

以上两种方法都去掉了body的margin,禁用了滚动条

参考 https://blog.csdn.net/lanxe/article/details/7705649