欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js插件方式打開(kāi)pdf文件(瀏覽器pdf插件分享)

 更新時(shí)間:2013年12月20日 09:47:30   作者:  
需求:JSP網(wǎng)頁(yè)中要顯示pdf文件,下面給出二種方案,JS插件那種不錯(cuò)啊

兩種方案:一種直接鏈接,把pdf文件當(dāng)作img文件,類(lèi)似<a href=""/>這種形式,這樣鏈接:

復(fù)制代碼 代碼如下:

<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代碼:

復(fù)制代碼 代碼如下:

<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è)位置。

復(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,無(wú)css等

相關(guān)文章

  • JS+CSS相對(duì)定位實(shí)現(xià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-10
  • JavaScript中發(fā)出HTTP請(qǐng)求最常用的方法

    JavaScript中發(fā)出HTTP請(qǐng)求最常用的方法

    JavaScript具有很好的模塊和方法來(lái)發(fā)送可用于從服務(wù)器端資源發(fā)送或接收數(shù)據(jù)的HTTP請(qǐng)求。這篇文章主要介紹了JavaScript中發(fā)出HTTP請(qǐng)求最常用的方法,需要的朋友可以參考下
    2018-07-07
  • 原生js實(shí)現(xiàn)彈動(dòng)小球效果

    原生js實(shí)現(xiàn)彈動(dòng)小球效果

    這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)彈動(dòng)小球效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-04-04
  • js中的this關(guān)鍵字詳解

    js中的this關(guān)鍵字詳解

    this是Javascript語(yǔ)言的一個(gè)關(guān)鍵字它代表函數(shù)運(yùn)行時(shí),自動(dòng)生成的一個(gè)內(nèi)部對(duì)象,只能在函數(shù)內(nèi)部使用,下面分四種情況,詳細(xì)討論this的用法,感興趣的朋友可以了解下
    2013-09-09
  • JavaScript與HTML的結(jié)合方法詳解

    JavaScript與HTML的結(jié)合方法詳解

    這篇文章主要介紹了JavaScript與HTML的結(jié)合方法,利用實(shí)例向大家介紹JavaScript與HTML是如何結(jié)合的,內(nèi)容很詳細(xì),感興趣的小伙伴們可以參考一下
    2015-11-11
  • JavaScript 異常處理 詳解

    JavaScript 異常處理 詳解

    這篇文章主要介紹了JavaScript 異常處理 詳解,需要的朋友可以參考下
    2015-02-02
  • JS實(shí)現(xiàn)對(duì)中文字符串進(jìn)行utf-8的Base64編碼的方法(使其與Java編碼相同)

    JS實(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í)

    微信小程序?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)的輪播圖效果

    這篇文章主要介紹了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
  • JavaScript“盡快失敗”的原則實(shí)例詳解

    JavaScript“盡快失敗”的原則實(shí)例詳解

    我第一次聽(tīng)說(shuō)編碼原則中有“盡快失敗”這一條時(shí),覺(jué)得很奇怪,為什么代碼要失敗?應(yīng)該成功才對(duì)呀。下面小編通過(guò)實(shí)例代碼給大家介紹js 盡快失敗的原則,一起看看吧
    2016-10-10

最新評(píng)論