js插件方式開啟pdf檔(瀏覽器pdf插件分享)

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

兩種方案：一種直接鏈接，把pdf檔當作img檔,類似這種形式，這樣連結：

<frame src="pdf文件的地址"></frame>

另一種：使用js插件哈。

其中實作閱讀pdf文件的js插件很多，例如：pdf.js：是一個技術原型主要用於在HTML5 平台上展示PDF 文件，無需任何本地技術支援；jsPDF：是一個使用Javascript語言產生PDF的開源函式庫（IE暫不支援）；

比較簡單易上手的js插件：PDFObject.js，是一個JavaScript 函式庫用來在HTML中動態嵌入PDF 文件。

效果如下：

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,這樣就可以了。只要把地址寫對即可。

若我在某一個p中載入pdf咋辦呢？看官網，發現embed()方法可以有參數的，無參數是指body，有參數是具體的某一個位置。

<script type="text/javascript">
      window.onload = function (){
             var success = new PDFObject({ url: "sample.pdf" }).embed(“p的id”);
      };
</script>

當然,其中還可以進一步設定參數,例如你想以多少秒的速度預覽,有css,無css等。

以上就是本章的全部內容，更多相關教學請訪問JavaScript影片教學！