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