js插件方式打開pdf文件(瀏覽器pdf插件分享)
更新時(shí)間：2013年12月20日 09:47:30 作者：
需求：JSP網(wǎng)頁中要顯示pdf文件,下面給出二種方案，JS插件那種不錯啊
兩種方案：一種直接鏈接，把pdf文件當(dāng)作img文件,類似<a href=""/>這種形式，這樣鏈接：
復(fù)制代碼 代碼如下:
<frame src="pdf文件的地址"></frame>
另一種：使用js插件哈。
其中實(shí)現(xiàn)閱讀pdf文件的js插件很多，比如：pdf.js：是一個(gè)技術(shù)原型主要用于在 HTML5 平臺上展示 PDF 文檔，無需任何本地技術(shù)支持；jsPDF：是一個(gè)使用Javascript語言生成PDF的開源庫（IE暫不支持）；
比較簡單易上手的js插件：PDFObject.js，是一個(gè) 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代碼：
復(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)文章
這篇文章主要介紹了JS+CSS相對定位實(shí)現(xiàn)的下拉菜單,涉及JavaScript結(jié)合css的定位技術(shù)實(shí)現(xiàn)下拉菜單的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
JavaScript具有很好的模塊和方法來發(fā)送可用于從服務(wù)器端資源發(fā)送或接收數(shù)據(jù)的HTTP請求。這篇文章主要介紹了JavaScript中發(fā)出HTTP請求最常用的方法,需要的朋友可以參考下2018-07-07
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)彈動小球效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
this是Javascript語言的一個(gè)關(guān)鍵字它代表函數(shù)運(yùn)行時(shí)，自動生成的一個(gè)內(nèi)部對象，只能在函數(shù)內(nèi)部使用,下面分四種情況，詳細(xì)討論this的用法，感興趣的朋友可以了解下2013-09-09
這篇文章主要介紹了JavaScript與HTML的結(jié)合方法，利用實(shí)例向大家介紹JavaScript與HTML是如何結(jié)合的，內(nèi)容很詳細(xì)，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了JavaScript 異常處理 詳解,需要的朋友可以參考下2015-02-02
JS實(shí)現(xiàn)對中文字符串進(jìn)行utf-8的Base64編碼的方法(使其與Java編碼相同)
這篇文章主要介紹了JS實(shí)現(xiàn)對中文字符串進(jìn)行utf-8的Base64編碼的方法,對比java的base64編碼程序,分析了javascript實(shí)現(xiàn)base64編碼的相關(guān)技巧,需要的朋友可以參考下2016-06-06
微信小程序?qū)崿F(xiàn)日期格式化和倒計(jì)時(shí)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)日期格式化和倒計(jì)時(shí)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-06-06
詳解JavaScript實(shí)現(xiàn)動態(tài)的輪播圖效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)動態(tài)的輪播圖效果，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
我第一次聽說編碼原則中有“盡快失敗”這一條時(shí)，覺得很奇怪，為什么代碼要失敗？應(yīng)該成功才對呀。下面小編通過實(shí)例代碼給大家介紹js 盡快失敗的原則，一起看看吧2016-10-10