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>