如何使⽤JavaScript在静态页⾯插⼊PDF⽂件（附带效果图）？
如何在静态页⾯上插⼊PDF⽂件并读取出来，⾸先我们需要先下载⼀个PDF的插件pdfobject.js，放在你的项⽬的⽂件夹下，如下图所⽰：
下好插件之后，需要在我们的页⾯中引⼊进去
<script type="text/javascript"src="../../js/pdfobject.js"></script>
接下来是在我们页⾯上中写显⽰pdf的js，具体代码如下：
$(function() {
var purl='pdf/1.pdf';  //定义⼀个pdf的url属性，'⾥⾯是你存放pdf⽂件的地址
// 以下的代码都是处理IE浏览器的情况，直接复制即可
if (window.ActiveXObject || "ActiveXObject"in window) {
//判断是否为IE浏览器，"ActiveXObject" in window判断是否为IE11
//判断是否安装了adobe Reader
如何下载javascriptfor (x = 2; x < 10; x++) {
try {
oAcro = eval("new ActiveXObject('PDF.PdfCtrl." + x + "');");
if (oAcro) {
flag = true;
}
} catch (e) {
flag = false;
}
}
try {
oAcro4 = new ActiveXObject('PDF.PdfCtrl.1');
if (oAcro4) {
flag = true;
}
} catch (e) {
flag = false;
}
try {
oAcro7 = new ActiveXObject('AcroPDF.PDF.1');
if (oAcro7) {
flag = true;
}
} catch (e) {
flag = false;
}
if (flag) {
var success = new PDFObject({ url: purl, pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'} }).embed("pdf1");
if (!success) {
var opts = {
width:$(document).width(),
height: $(document).height(),
autoplay: true
};
}
}
else {
alert("还没有安装PDF阅读器软件，请选择安装！");
location = "ardownload.adobe/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_";
}
}
else {
var success = new PDFObject({ url: purl, pdfOpenParams: { scrollbars: '0', toolbar: '0', statusbar: '0'} }).embed("pdf1");
if (!success) {
var opts = {
width:$(document).width(),
height: $(document).height(),
autoplay: true
};
}
}
});
html代码如下：
<form id="form1" runat="server">
<div id="pdf1" class="yuanmenu_01"><h1>还没有安装PDF阅读器软件，请选择安装！ </h1>
<a href="ardownload.adobe/pub/adobe/reader/win/9.x/9.3/chs/AdbeRdr930_"><h1>点击下载</h1></a> </div>
</form>
然后就可以阅读插⼊的pdf⽂件了，效果图如下。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。