js外掛程式方式開啟pdf檔案(瀏覽器pdf外掛程式分享)_javascript技巧

兩種方案：一種直接連結，把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 文檔。
效果如下：

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等