該js插件,官網有詳細的使用教程(網址:http://www.pdfobject.com/examples/)。打開里面的例子后,查看新打開頁面,打開並查看該頁面的源代碼。
需要的材料:
1、PDFobject.js(下載地址:http://www.pdfobject.com/downloads/)
廢話不多說(好像沒說幾個詞)。直接上代碼了。以下代碼講會在瀏覽器里全屏顯示
<html> <head> <title>PDFObject example</title> <!--導入pdfobject.js插件--> <script type="text/javascript" src="/scripts/pdfobject.js"></script> <script type="text/javascript"> window.onload = function (){ //sample.pdf是要顯示的文件。 var myPDF = new PDFObject({ url: "/pdf/sample.pdf" }).embed(); }; </script> </head> <body> <p>It appears you don't have Adobe Reader or PDF support in this web browser. <a href="/pdf/sample.pdf">下載該pdf文件</a></p> </body> </html>
