pdf.js 使用方法

1.百度搜pdf.js下载

2.把下载的文件解压到网站目录,把自己的pdf准备好放到对应的目录中,修改view.html文件实现pdf外观(比如去掉下载按钮)。

3.以下代码火狐、谷歌、浏览器运行正常,ie不能正常运行(需解决,ie中本地不能正常运行,浪费了不少时间,需要在ie8以上运行在html中加入meta标签(红色部分),解决问题,坑爹的ie!)

4.测试代码如下:需要按需修改

5.切记不要在本地运行

 

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">   

    <meta http-equiv="X-UA-Compatible" content="IE=9">

    <title>Document</title>
</head>
<body>
    <div id="viewDiv" style="width: 800px;height: 600px;">
    </div>
    <a href="./web/viewer.html?file=../pdf/wd/校企合作育人.pdf">view</a>
    <a href="#" οnclick="load_html();return false;">专业定位</a>
    <a href="#" οnclick="load_iframe();return false;">校企合作育人</a>

    <iframe id="aaframe" src="" width="600" height="800"></iframe>

    <div id="main" width:1500px; height:1090px;  padding-top:0px;>
       <div id="main_l" width:896px; height:996px; ; float:left; padding-top:2px; padding-left:2px; padding-bottom:2px; padding-right:2px; background:#000>
                <iframe name="myframe" src="./web/viewer.html" width="886" height="990"></iframe>
      </div>
       <div id="main_r" width:600px; height:1090px;  float:left>
                <h3><a href="./web/viewer.html?file=../pdf/wd/校企合作育人.pdf" target="myframe">pdf1</a></h3>
                <h3><a href="./web/viewer.html?file=../pdf/wd/国家规划教材.pdf" target="myframe">pdf2</a></h3>
     <h3><a href="./web/viewer.html?file=../pdf/wd/国家级或省级精品资源共享课程.pdf" target="myframe">pdf3</a></h3>
       </div>
 </div>

</body>
<script>
    function load_html() {
     document.getElementById("viewDiv").innerHTML = '<object type="text/x-scriptlet" data="./web    /viewer.html?file=../pdf/wd/校企合作育人.pdf" width="100%" height="100%"></object>';
   }
   function load_iframe()(){

document.getElementById("aaframe").src = "./web/viewer.html?file=../pdf/wd/校企合作育人.pdf";
}
</script>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值