欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

网页中嵌入pdf格式文件

程序员文章站 2022-05-28 16:54:11
...

在网页中直接显示pdf格式的文件方便阅读。但是如果文件较大加载速度会很慢,另外如果客户端没有安装pdf阅读插件的话,也就看不了了,不过还是贴出来了,各取所需吗。(1.pdf要改成自己的pdf文件路径插入到页面文件中)

 

Html代码
  1. <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">  
  2. <param name="_Version" value="65539">  
  3. <param name="_ExtentX" value="20108">  
  4. <param name="_ExtentY" value="10866">  
  5. <param name="_StockProps" value="0">  
  6. <param name="SRC" value="1.pdf">  
  7. </object>  
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="1.pdf">
</object>

标准浏览器中:

Java代码
  1. <object data="1.pdf" type="application/pdf" width="300" height="200">   
  2. alt : <a href="1.pdf">test.pdf</a>   
  3. </object>  
<object data="1.pdf" type="application/pdf" width="300" height="200"> 
 alt : <a href="1.pdf">test.pdf</a>
</object>

IE7.0以上版本的浏览器中可用如下方法,低版本的IE会显示两个Object区域

Java代码
  1. <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">   
  2. <param name="_Version" value="65539">   
  3. <param name="_ExtentX" value="20108">   
  4. <param name="_ExtentY" value="10866">   
  5. <param name="_StockProps" value="0">   
  6. <param name="SRC" value="1.pdf">   
  7. <object data="1.pdf" type="application/pdf" width="300" height="200">   
  8. alt : <a href="1.pdf">test.pdf</a>   
  9. </object>   
  10. </object>  
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="1.pdf">
<object data="1.pdf" type="application/pdf" width="300" height="200"> 
 alt : <a href="1.pdf">test.pdf</a>
</object>
</object>

低版本浏览器中的处理方法1:

Java代码
  1. <!--[if IE]>   
  2. <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">   
  3. <param name="_Version" value="65539">   
  4. <param name="_ExtentX" value="20108">   
  5. <param name="_ExtentY" value="10866">   
  6. <param name="_StockProps" value="0">   
  7. <param name="SRC" value="1.pdf">   
  8. </object>   
  9. <![endif]-->   
  10. <!--[if !IE]> <!-->   
  11. <object data="1.pdf" type="application/pdf" width="800" height="1050">      
  12. alt : <a href='http://get.adobe.com/cn/reader'>Adobe Reader.pdf</a>   
  13. </object>   
  14. <!--<![endif]-->  
<!--[if IE]>
 <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">
<param name="_Version" value="65539">
<param name="_ExtentX" value="20108">
<param name="_ExtentY" value="10866">
<param name="_StockProps" value="0">
<param name="SRC" value="1.pdf">
 </object>
<![endif]-->
 <!--[if !IE]> <!-->
 <object data="1.pdf" type="application/pdf" width="800" height="1050">   
alt : <a href='http://get.adobe.com/cn/reader'>Adobe Reader.pdf</a>
</object>
 <!--<![endif]-->

   低版本浏览器中的处理方法2:通过CSS控制显示隐藏

 

Html代码
  1. /* hides the second object from all versions of IE */   
  2.   
  3.   
  4. * html object.hiddenObjectForIE { display: none; }   
  5. /* display the second object only for IE5 Mac */   
  6. /* IE Mac \*//*/   
  7. * html object.hiddenObjectForIE { display: inline; }   
  8. /**/  
/* hides the second object from all versions of IE */

* html object.hiddenObjectForIE { display: none; }
/* display the second object only for IE5 Mac */
/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/

 

Html代码
  1. <object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="1050" border="0">  
  2. <param name="_Version" value="65539">  
  3. <param name="_ExtentX" value="20108">  
  4. <param name="_ExtentY" value="10866">  
  5. <param name="_StockProps" value="0">  
  6. <param name="SRC" value="1.pdf">  
  7. <object data="1.pdf" type="application/pdf" width="300" height="200" class="hiddenObjectForIE">   
  8. alt : <a href="1.pdf">test.pdf</a>  
  9. </object>  
  10. </object>