js插件方式打開pdf文件(瀏覽器pdf插件分享)
更新時間：2013年12月20日 09:47:30 作者：
需求：JSP網(wǎng)頁中要顯示pdf文件,下面給出二種方案，JS插件那種不錯啊
兩種方案：一種直接鏈接，把pdf文件當作img文件,類似<a href=""/>這種形式，這樣鏈接：
復制代碼 代碼如下:
<frame src="pdf文件的地址"></frame>
另一種：使用js插件哈。
其中實現(xiàn)閱讀pdf文件的js插件很多，比如：pdf.js：是一個技術原型主要用于在 HTML5 平臺上展示 PDF 文檔，無需任何本地技術支持；jsPDF：是一個使用Javascript語言生成PDF的開源庫（IE暫不支持）；
比較簡單易上手的js插件：PDFObject.js，是一個 JavaScript 庫用來在HTML中動態(tài)嵌入 PDF 文檔。
效果如下：
PDFObject.js目前已經(jīng)升級到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咋辦呢？看官網(wǎng)，發(fā)現(xiàn)embed()方法可以有參數(shù)的，無參數(shù)是指body，有參數(shù)是具體的某一個位置。
復制代碼 代碼如下:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”);
};
</script>
當然,其中還可以進一步設置參數(shù),比如你想以多少秒的速度預覽,有css,無css等
相關文章
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)頁面浮動導航，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-01-01
網(wǎng)頁上的原生js日歷代碼，鼠標點擊文字提示處，會顯示一個帶年月日的日歷窗口，可調(diào)整年份、月份、選擇日期等，用在網(wǎng)頁上方便大家選擇日期，提高用戶體驗。各大瀏覽器都能正常運行，有需要的小伙伴可以參考下。2015-04-04
這篇文章主要介紹了js點擊選擇文本的方法,涉及針對html節(jié)點的操作與選中技巧,非常具有實用價值,需要的朋友可以參考下2015-02-02
在TypeScript中,類型斷言用于告訴編譯器某個變量的類型,這在我們確定變量的類型比編譯器更準確時非常有用,本文給大家分享了幾種TypeScript中使用類型斷言方式,需要的朋友可以參考下2023-09-09
這篇文章主要介紹了js如何將輸入的文字部分獲取拼音首字母問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-05-05
javascript數(shù)組去重的方法有很多種，在網(wǎng)上到處都可以找到答案，下面小編給大家整理了一份關于同類型的數(shù)組去重復的方法，感興趣的朋友一起看看吧2015-11-11
javascript嵌套函數(shù)和在函數(shù)內(nèi)調(diào)用外部函數(shù)的區(qū)別分析
這篇文章主要介紹了javascript嵌套函數(shù)和在函數(shù)內(nèi)調(diào)用外部函數(shù)的區(qū)別,需要的朋友可以參考下2016-01-01
這篇文章主要為大家介紹了Blob對象實現(xiàn)文件上傳下載示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-01-01
JS+CSS實現(xiàn)類似QQ好友及黑名單效果的樹型菜單
這篇文章主要介紹了JS+CSS實現(xiàn)類似QQ好友及黑名單效果的樹型菜單,涉及JavaScript結合鼠標事件針對頁面元素CSS樣式的動態(tài)操作技巧,非常簡單實用,需要的朋友可以參考下2015-09-09
JavaScript中數(shù)據(jù)結構與算法(五)：經(jīng)典KMP算法
這篇文章主要介紹了JavaScript中數(shù)據(jù)結構與算法(五)：經(jīng)典KMP算法,本文詳解了KMP算法的方方面在,需要的朋友可以參考下2015-06-06