DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js插件方式打開pdf文件
js插件方式打開pdf文件
編輯:JavaScript綜合知識     

 需求:JSP網頁中要顯示pdf文件,下面給出二種方案,JS插件那種不錯啊

兩種方案:一種直接鏈接,把pdf文件當作img文件,類似<a href=""/>這種形式,這樣鏈接:   代碼如下: <frame src="pdf文件的地址"></frame>     另一種:使用js插件哈。 其中實現閱讀pdf文件的js插件很多,比如:pdf.js:是一個技術原型主要用於在 HTML5 平台上展示 PDF 文檔,無需任何本地技術支持;jsPDF:是一個使用Javascript語言生成PDF的開源庫(IE暫不支持); 比較簡單易上手的js插件:PDFObject.js,是一個 JavaScript 庫用來在HTML中動態嵌入 PDF 文檔。 效果如下:   14.jpg   PDFObject.js目前已經升級到1.2,可以支持IE9. PDFObject.js宗旨:Sometimes you need a little JavaScript. When you do, try PDFObject. 來看看少之又少的js代碼:      代碼如下: <script type="text/javascript">       window.onload = function (){              var success = new PDFObject({ url: "sample.pdf" }).embed();       }; </script>     OK,這樣就可以了。只要把地址寫對即可。 若我在某一個div中加載pdf咋辦呢?看官網,發現embed()方法可以有參數的,無參數是指body,有參數是具體的某一個位置。     代碼如下: <script type="text/javascript">       window.onload = function (){              var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”);       }; </script>     當然,其中還可以進一步設置參數,比如你想以多少秒的速度預覽,有css,無css等      
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved