2018年4月28日星期六

怎么把PDF放在自己制作的html静态页面上

把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: -2px; margin-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嵌入文件是最简单的,直接加载就好.

一键分享 Share

评论

换原始留言系统