js插件方式打開(kāi)pdf文件(瀏覽器pdf插件分享)
兩種方案:一種直接鏈接,把pdf文件當(dāng)作img文件,類(lèi)似<a href=""/>這種形式,這樣鏈接:
<frame src="pdf文件的地址"></frame>
另一種:使用js插件哈。
其中實(shí)現(xiàn)閱讀pdf文件的js插件很多,比如:pdf.js:是一個(gè)技術(shù)原型主要用于在 HTML5 平臺(tái)上展示 PDF 文檔,無(wú)需任何本地技術(shù)支持;jsPDF:是一個(gè)使用Javascript語(yǔ)言生成PDF的開(kāi)源庫(kù)(IE暫不支持);
比較簡(jiǎn)單易上手的js插件:PDFObject.js,是一個(gè) JavaScript 庫(kù)用來(lái)在HTML中動(dòng)態(tài)嵌入 PDF 文檔。
效果如下:

PDFObject.js目前已經(jīng)升級(jí)到1.2,可以支持IE9.
PDFObject.js宗旨:Sometimes you need a little JavaScript. When you do, try PDFObject.
來(lái)看看少之又少的js代碼:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK,這樣就可以了。只要把地址寫(xiě)對(duì)即可。
若我在某一個(gè)div中加載pdf咋辦呢?看官網(wǎng),發(fā)現(xiàn)embed()方法可以有參數(shù)的,無(wú)參數(shù)是指body,有參數(shù)是具體的某一個(gè)位置。
<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,無(wú)css等
- js 獲取瀏覽器高度和寬度值(多瀏覽器)
- js代碼判斷瀏覽器種類(lèi)IE、FF、Opera、Safari、chrome及版本
- 用JS在瀏覽器中創(chuàng)建下載文件
- js實(shí)現(xiàn)瀏覽器窗口大小被改變時(shí)觸發(fā)事件的方法
- js/jquery獲取瀏覽器窗口可視區(qū)域高度和寬度以及滾動(dòng)條高度實(shí)現(xiàn)代碼
- js獲取瀏覽器和屏幕的各種寬度高度
- js如何判斷用戶是否是用微信瀏覽器
- javascript怎么禁用瀏覽器后退按鈕
- Javascript 多瀏覽器兼容性問(wèn)題及解決方案
- JavaScript判斷瀏覽器運(yùn)行環(huán)境的詳細(xì)方法
相關(guān)文章
JS+CSS相對(duì)定位實(shí)現(xiàn)的下拉菜單
這篇文章主要介紹了JS+CSS相對(duì)定位實(shí)現(xiàn)的下拉菜單,涉及JavaScript結(jié)合css的定位技術(shù)實(shí)現(xiàn)下拉菜單的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10JavaScript中發(fā)出HTTP請(qǐng)求最常用的方法
JavaScript具有很好的模塊和方法來(lái)發(fā)送可用于從服務(wù)器端資源發(fā)送或接收數(shù)據(jù)的HTTP請(qǐng)求。這篇文章主要介紹了JavaScript中發(fā)出HTTP請(qǐng)求最常用的方法,需要的朋友可以參考下2018-07-07JS實(shí)現(xiàn)對(duì)中文字符串進(jìn)行utf-8的Base64編碼的方法(使其與Java編碼相同)
這篇文章主要介紹了JS實(shí)現(xiàn)對(duì)中文字符串進(jìn)行utf-8的Base64編碼的方法,對(duì)比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)動(dòng)態(tài)的輪播圖效果
這篇文章主要介紹了JavaScript實(shí)現(xiàn)動(dòng)態(tài)的輪播圖效果,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04