js插件方式打开pdf文件(浏览器pdf插件分享)
更新时间：2013年12月20日 09:47:30 作者：
需求：JSP网页中要显示pdf文件,下面给出二种方案，JS插件那种不错啊
两种方案：一种直接链接，把pdf文件当作img文件,类似<a href=""/>这种形式，这样链接：
复制代码 代码如下:
<frame src="pdf文件的地址"></frame>
另一种：使用js插件哈。
其中实现阅读pdf文件的js插件很多，比如：pdf.js：是一个技术原型主要用于在 HTML5 平台上展示 PDF 文档，无需任何本地技术支持；jsPDF：是一个使用Javascript语言生成PDF的开源库（IE暂不支持）；
比较简单易上手的js插件：PDFObject.js，是一个 JavaScript 库用来在HTML中动态嵌入 PDF 文档。
效果如下：
PDFObject.js目前已经升级到1.2,可以支持IE9.
PDFObject.js宗旨：Sometimes you need a little JavaScript. When you do, try PDFObject.
来看看少之又少的js代码：
复制代码 代码如下:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed();
};
</script>
OK,这样就可以了。只要把地址写对即可。
若我在某一个div中加载pdf咋办呢？看官网，发现embed()方法可以有参数的，无参数是指body，有参数是具体的某一个位置。
复制代码 代码如下:
<script type="text/javascript">
window.onload = function (){
var success = new PDFObject({ url: "sample.pdf" }).embed(“div的id”);
};
</script>
当然,其中还可以进一步设置参数,比如你想以多少秒的速度预览,有css,无css等
相关文章
这篇文章主要为大家详细介绍了微信小程序实现页面浮动导航，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-01-01
网页上的原生js日历代码，鼠标点击文字提示处，会显示一个带年月日的日历窗口，可调整年份、月份、选择日期等，用在网页上方便大家选择日期，提高用户体验。各大浏览器都能正常运行，有需要的小伙伴可以参考下。2015-04-04
这篇文章主要介绍了js点击选择文本的方法,涉及针对html节点的操作与选中技巧,非常具有实用价值,需要的朋友可以参考下2015-02-02
在TypeScript中,类型断言用于告诉编译器某个变量的类型,这在我们确定变量的类型比编译器更准确时非常有用,本文给大家分享了几种TypeScript中使用类型断言方式,需要的朋友可以参考下2023-09-09
这篇文章主要介绍了js如何将输入的文字部分获取拼音首字母问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-05-05
javascript数组去重的方法有很多种，在网上到处都可以找到答案，下面小编给大家整理了一份关于同类型的数组去重复的方法，感兴趣的朋友一起看看吧2015-11-11
javascript嵌套函数和在函数内调用外部函数的区别分析
这篇文章主要介绍了javascript嵌套函数和在函数内调用外部函数的区别,需要的朋友可以参考下2016-01-01
这篇文章主要为大家介绍了Blob对象实现文件上传下载示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-01-01
这篇文章主要介绍了JS+CSS实现类似QQ好友及黑名单效果的树型菜单,涉及JavaScript结合鼠标事件针对页面元素CSS样式的动态操作技巧,非常简单实用,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了JavaScript中数据结构与算法(五)：经典KMP算法,本文详解了KMP算法的方方面在,需要的朋友可以参考下2015-06-06
最新评论