js插件方式打开pdf文件(浏览器pdf插件分享)


Posted in Javascript onDecember 20, 2013

两种方案:一种直接链接,把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 文档。
效果如下:

js插件方式打开pdf文件(浏览器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等

Javascript 相关文章推荐
用js重建星际争霸
Dec 22 Javascript
IE和Mozilla的兼容性汇总event
Aug 12 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
Sep 23 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
Extjs中RowExpander控件的默认展开问题示例探讨
Jan 24 Javascript
自己使用js/jquery写的一个定制对话框控件
May 02 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
js学习笔记之事件处理模型
Oct 31 Javascript
基于Bootstrap table组件实现多层表头的实例代码
Sep 07 Javascript
js防抖和节流的深入讲解
Dec 06 Javascript
10行代码实现微信小程序滑动tab切换
Dec 28 Javascript
JS动态添加与删除select中的Option对象(示例代码)
Dec 20 #Javascript
js select option对象小结
Dec 20 #Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 #Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 #Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 #Javascript
JQuery实现绚丽的横向下拉菜单
Dec 19 #Javascript
jquery prop的使用介绍及与attr的区别
Dec 19 #Javascript
You might like
php 获取本机外网/公网IP的代码
2010/05/09 PHP
过滤掉PHP数组中的重复值的实现代码
2011/07/17 PHP
php中explode函数用法分析
2014/11/15 PHP
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
javascript Array.remove() 数组删除
2009/08/06 Javascript
[原创]js获取数组任意个不重复的随机数组元素
2010/03/15 Javascript
简洁短小的 JavaScript IE 浏览器判定代码
2010/03/21 Javascript
js获取当前日期前七天的方法
2015/02/28 Javascript
JS实现漂亮的窗口拖拽效果(可改变大小、最大化、最小化、关闭)
2015/10/10 Javascript
JavaScript模块化开发之SeaJS
2015/12/13 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
基于KO+BootStrap+MVC实现的分页控件代码分享
2016/11/07 Javascript
jquery点击展示与隐藏更多内容
2016/12/03 Javascript
JS实现图片放大镜插件详解
2017/11/06 Javascript
Angular 开发学习之Angular CLI的安装使用
2017/12/31 Javascript
vue动画打包后失效问题的解决方法
2018/09/18 Javascript
jQuery实现的卷帘门滑入滑出效果【案例】
2019/02/18 jQuery
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
Python基于Tkinter实现的记事本实例
2015/06/17 Python
在Linux系统上部署Apache+Python+Django+MySQL环境
2015/12/24 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
Centos7 Python3下安装scrapy的详细步骤
2018/03/15 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
Python中拆分字符串的操作方法
2019/07/23 Python
在django中自定义字段Field详解
2019/12/03 Python
python实现企业微信定时发送文本消息的示例代码
2020/11/24 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
h5页面唤起app如果没安装就跳转下载(iOS和Android)
2020/06/03 HTML / CSS
美发店5.1活动方案
2014/01/24 职场文书
消防安全宣传口号
2014/06/10 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
自主招生专家推荐信
2015/03/26 职场文书
2015年医院药剂科工作总结
2015/05/04 职场文书
总结会主持词
2015/07/02 职场文书
解决SpringCloud Feign传对象参数调用失败的问题
2021/06/23 Java/Android
MySQL中int (10) 和 int (11) 的区别
2022/01/22 MySQL