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 相关文章推荐
Javascript里使用Dom操作Xml
Jan 22 Javascript
javaScript 读取和设置文档元素的样式属性
Apr 14 Javascript
javascript 鼠标悬浮图片显示原图 移出鼠标后原图消失(多图)
Dec 28 Javascript
Javascript new Date().valueOf()的作用与时间戳由来详解
Apr 24 Javascript
js jq 单击和双击区分示例介绍
Nov 05 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
Jun 13 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
浅谈时钟的生成(js手写简洁代码)
Aug 20 Javascript
jQuery的事件预绑定
Dec 05 Javascript
利用Vue v-model实现一个自定义的表单组件
Apr 27 Javascript
Textarea输入字数限制实例(兼容iOS&amp;安卓)
Jul 06 Javascript
在Vue中使用antv的示例代码
Jun 29 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实现字符串翻转的方法
2015/03/27 PHP
PHP数字前补0的自带函数sprintf 和number_format的用法(详解)
2017/02/06 PHP
jquery 实现的全选和反选
2009/04/15 Javascript
jQuery中:empty选择器用法实例
2014/12/30 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
详解JavaScript中void语句的使用
2015/06/04 Javascript
JavaScript中的Math.sin()方法使用详解
2015/06/15 Javascript
Backbone.js 0.9.2 源码注释中文翻译版
2015/06/25 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
JS动态加载脚本并执行回调操作
2016/08/24 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
jQuery EasyUI 页面加载等待及页面等待层
2017/02/06 Javascript
jquery实现轮播图效果
2017/02/13 Javascript
Vue中组件之间数据的传递的示例代码
2017/09/08 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
JavaScript碎片—函数闭包(模拟面向对象)
2019/03/13 Javascript
JS实现炫酷雪花飘落效果
2020/08/19 Javascript
Python接收Gmail新邮件并发送到gtalk的方法
2015/03/10 Python
python用来获得图片exif信息的库实例分析
2015/03/16 Python
约瑟夫问题的Python和C++求解方法
2015/08/20 Python
Python实现快速傅里叶变换的方法(FFT)
2018/07/21 Python
Python3使用xml.dom.minidom和xml.etree模块儿解析xml文件封装函数的方法
2019/09/23 Python
python实现udp聊天窗口
2020/03/31 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
Python 使用双重循环打印图形菱形操作
2020/08/09 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
澳大利亚巧克力花束和礼品网站:Tastebuds
2019/03/15 全球购物
英国旅行箱包和行李箱购物网站:Travel Luggage & Cabin Bags
2019/08/26 全球购物
毕业生找工作的求职信范文
2013/12/24 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
2014年应急管理工作总结
2014/11/26 职场文书
音乐教师个人总结
2015/02/06 职场文书
个人原因辞职信模板
2015/05/13 职场文书
《巨人的花园》教学反思
2016/02/19 职场文书
2016年学校十一国庆节活动总结
2016/04/01 职场文书