首页 > 代码库 > 网页中显示pdf
网页中显示pdf
1、<embed width="800" height="600" src="http://www.mamicode.com/test_pdf.pdf"> </embed>
通过的浏览器：360、Firefox、IE、Chrome
2、
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="600" border="0">
<param name="SRC" value="http://www.mamicode.com/test_pdf.pdf">
</object>
下面这个完整点：
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="100%" height="100%" border="0"><!--IE-->
<param name="_Version" value="http://www.mamicode.com/65539">
<param name="_ExtentX" value="http://www.mamicode.com/20108">
<param name="_ExtentY" value="http://www.mamicode.com/10866">
<param name="_StockProps" value="http://www.mamicode.com/0">
<param name="SRC" value="http://www.mamicode.com/testing_pdf.pdf">
<embed src="http://www.mamicode.com/testing_pdf.pdf" width="100%" height="800" href="http://www.mamicode.com/testing_pdf.pdf"></embed><!--FF-->
</object>
通过的浏览器：360、IE
未通过的浏览器：Firefox、Chrome
3、<iframe src="http://www.mamicode.com/test_pdf.pdf" width="800" height="600"></iframe>
通过的浏览器：360、Firefox、IE、Chrome
4、用浏览器直接访问http://127.0.0.1/test_pdf.pdf (其实这个不算是在网页内吧)
通过的浏览器：360、Firefox、IE、Chrome
1、<embed width="800" height="600" src="http://www.mamicode.com/test_pdf.pdf"> </embed>
通过的浏览器：360、Firefox、IE、Chrome
2、<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="800" height="600" border="0">
<param name="SRC" value="http://www.mamicode.com/test_pdf.pdf">
</object>
下面这个完整点：
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" width="100%" height="100%" border="0"><!--IE-->
<param name="_Version" value="http://www.mamicode.com/65539">
<param name="_ExtentX" value="http://www.mamicode.com/20108">
<param name="_ExtentY" value="http://www.mamicode.com/10866">
<param name="_StockProps" value="http://www.mamicode.com/0">
<param name="SRC" value="http://www.mamicode.com/testing_pdf.pdf">
<embed src="http://www.mamicode.com/testing_pdf.pdf" width="100%" height="800" href="http://www.mamicode.com/testing_pdf.pdf"></embed><!--FF-->
</object>
通过的浏览器：360、IE
未通过的浏览器：Firefox、Chrome
3、<iframe src="http://www.mamicode.com/test_pdf.pdf" width="800" height="600"></iframe>
通过的浏览器：360、Firefox、IE、Chrome
4、用浏览器直接访问http://127.0.0.1/test_pdf.pdf (其实这个不算是在网页内吧)
通过的浏览器：360、Firefox、IE、Chrome
今天有一需求，要在网页中显示pdf，于是立马开始搜索解决方案，无意中发现一个非常好的解决方法，详见http://blogs.adobe.com/pdfdevjunkie/web_designers_guide。
其实就光看这个网站也足够了，http://www.pdfobject.com/。
记录一下主要代码：
<script type="text/javascript" src="http://www.mamicode.com/scripts/pdfobject/pdfobject.js"></script>
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "pdf/CGVET22-08-2011V2P.pdf" ,pdfOpenParams: { scrollbars: ‘0‘, toolbar: ‘0‘, statusbar: ‘0‘}}).embed("pdf1");
};
</script>
<div id="pdf1" style="width:700px; height:600px;">It appears you don‘t have Adobe Reader or PDF support in this web browser. <a href="http://www.mamicode.com/~/pdf/CGVET22-08-2011V2P.pdf">Click here to download the PDF</a></div>
网页中显示pdf