`
tmuffamd
  • 浏览: 28267 次
  • 性别: Icon_minigender_2
  • 来自: 重庆
社区版块
存档分类
最新评论

网页中嵌入pdf格式文件

IEAdobe浏览器HTMLCSS 
阅读更多

在网页中直接显示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>  
分享到：
| oracle 提高查询效率
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    网页中显示PDF文档的HTML代码.pdf

    在网页中显示 PDF 文档是一种常见的需求，特别是在需要展示报告、手册、合同等文档时。那么，如何在 HTML 中嵌入 PDF 文档呢？本文将介绍两种常见的方法：使用 &lt;EMBED&gt; 标记和使用 &lt;OBJECT&gt; 标记。 使用 &lt;EMBED&gt; ...

    网页嵌入pdf,防止下载

    网页中嵌入pdf防止下载哦 &lt;div class="pdf"&gt; ;height:100%;display:block"&gt; data="/scripts/player/FlexPaperViewer.swf" type="application/x-shockwave-flash"&gt;&lt;param name="allowfullscreen" value="true"&gt;...

    网页中显示PDF文档的HTML代码

    为了方便用户直接在网页上查看PDF文档，本文将详细介绍如何利用HTML代码在网页中嵌入并显示PDF文档的方法。 #### 二、使用`&lt;a&gt;`标签链接到PDF文档 最简单的方法是使用`&lt;a&gt;`标签创建一个指向PDF文档的链接，让用户...

    jq 网页转pdf格式

    在网页开发中，将网页内容转化为PDF格式的需求十分常见，比如用于打印、存档或分享。`jq` 是一个轻量级的JavaScript库，它不直接支持将网页转换为PDF，但我们可以结合其他工具和方法来实现这个功能。本文将详细介绍...

    PDF文件格式定义

    总结来说，PDF文件格式是一种强大的文档交换和展示标准，它的定义包含了丰富的结构和功能，使得开发者能够在各种应用场景中灵活处理PDF文档。通过深入理解和应用PDF格式的定义，我们可以构建出强大的文档处理工具，...

    网页打开pdf文件

    网页上打开PDF文件是互联网应用中常见的需求，尤其在学术交流、在线阅读和文档分享等领域。PDF（Portable Document Format）格式因其跨平台性和文件保真性而被广泛使用。本篇将详细介绍如何在网页上实现PDF文件的...

    求网页中嵌入MP3格式音乐的HTML代码.pdf

    网页中嵌入MP3格式音乐的HTML代码 本资源提供了多种方法来在网页中嵌入MP3格式音乐，包括使用HTML代码、FLASH动画和media播放器等。下面是对这些方法的详细介绍： 一、 使用HTML代码嵌入MP3音乐 可以使用以下HTML...

    svg格式文件转换为pdf格式文件

    最后，这些指令被写入到PDF文件中，形成一个新的PDF文档。这个过程中可能还需要处理图像、文本和链接等复杂元素，确保它们在PDF中正确显示。 在实际操作中，有多种方法可以实现SVG到PDF的转换： 1. 使用图形软件：...

    网页浏览PDF文档完美解决方案

    在网页中嵌入PDF文档，可以让用户无需离开当前页面就能阅读，提供了更好的用户体验。通常有三种主要方式实现： - **HTML5 `&lt;iframe&gt;` 标签**：通过指定PDF文件的URL作为`src`属性，可以直接在网页中加载PDF。 - *...

    网页中的PDF查看器-支持HTML5语言

    除了PDF.js，PDFObject库提供了一种更简单的解决方案，它允许通过简单插入HTML代码来嵌入PDF文件。PDFObject会检测浏览器是否支持PDF查看，如果不支持，它会提供一个下载链接。 在实际应用中，我们还需要考虑PDF的...

    生成PDF格式文件的软件

    2. **基本操作**：在需要转换的文档中，选择“文件”&gt;“打印”，在打印机列表中选择Dopdf，然后点击“打印”。在弹出的对话框中，可以设置PDF文件的保存位置和名称，点击“确定”即可开始转换。 3. **质量与设置**...

    H5打开pdf格式文件，实现原理canvas

    而将PDF文件在H5环境中展示是一项常见的需求，比如在线阅读、文档预览等。本篇将详细介绍如何利用H5的canvas元素来实现PDF的打开和展示。 首先，PDF是一种便携式文档格式，用于存储各种内容，包括文本、图像和图形...

    Dreamweaver CS6在网页中插入背景音乐.pdf

    在网页设计中，为增强用户体验，有时需要在页面中插入背景音乐。Adobe Dreamweaver CS6 是一款强大的网页设计工具，提供了便捷的方式插入背景音乐。本文将详细讲解如何使用Dreamweaver CS6来实现这一功能。 首先，...

    在网页中插入图片.pdf

    标题《在网页中插入图片.pdf》表明本文档旨在介绍如何在网页中嵌入图片。由于这部分内容仅提供了标题和描述，并未提供具体内容，我将基于此标题，提供网页中插入图片相关知识点。 在网页设计中，插入图片是一项基础...

    可以编辑PDF格式的文件

    然而，PDF文件通常被认为是只读的，不允许直接编辑。但随着技术的发展，出现了许多工具，使得编辑PDF文件成为可能。本篇文章将详细探讨如何使用PDF编辑器来编辑PDF文件。 PDF编辑器是一款专门设计用来创建、修改和...

    html5预览pdf文档

    `git.pdf`可能是示例中用来测试预览功能的PDF文件，开发者可以替换为任何需要预览的PDF文档。而`js`和`css`文件则分别包含实现预览功能的JavaScript代码和样式。JavaScript代码可能包括处理用户交互、错误处理、PDF...

    js代码:网页中的adobePDF显示，js控制pdf页面滚动

    网页中嵌入PDF文档是一项常见的需求，尤其是对于那些希望直接在网站上提供阅读体验的场景。Adobe提供了多种方法来实现这一功能，包括使用HTML的`&lt;a href&gt;`标签、`&lt;embed&gt;`标签以及`&lt;object&gt;`标签。 ##### 1.1 使用`...

    vb.net 读取pdf 并写入网页

    在VB.NET中，将PDF文件读取并显示在网页中是一项常见的需求，这涉及到PDF处理技术与Web开发的结合。本文将深入探讨如何利用VB.NET实现这一功能，并提供相关知识点。 首先，我们需要一个能够处理PDF的库。Adobe提供...

    chm格式转pdf格式

    4. **图像处理**：CHM文件中的图片也需要被正确地嵌入到PDF中，这可能需要进行图像格式转换和大小调整。 5. **元数据处理**：PDF文档通常包含元数据，如作者、标题、创建日期等，转换工具需要将CHM的相应信息移植到...

    Pdf格式转换器

    - 将TXT内容按照原始格式插入PDF页面。 - 输出PDF文件，确保文字清晰、排版无误。 2. 图片转ICO、PNG、JPG： 图片转换功能则允许用户将图片文件转换为ICO、PNG、JPG等常见格式，满足不同的用途和需求： - ICO：...

Magicbox
Global site tag (gtag.js) - Google Analytics