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基础篇
Nov 13 Javascript
jQuery中调用WebService方法小结
Mar 28 Javascript
表单提交前触发函数返回true表单才会提交
Mar 11 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
jquery.mobile 共同布局遇到的问题小结
Feb 10 Javascript
浅谈Node Inspector 代理实现
Oct 19 Javascript
谈谈JS中的!!
Dec 07 Javascript
AngularJS监听ng-repeat渲染完成的方法
Mar 20 Javascript
jQuery实现参数自定义的文字跑马灯效果
Aug 15 jQuery
解决vue移动端适配问题
Dec 12 Javascript
微信小程序 生成携带参数的二维码
Oct 23 Javascript
如何利用javascript接收json信息并进行处理
Aug 06 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之数据库操作详解及乱码解决!
2007/01/02 PHP
php之对抗Web扫描器的脚本技巧
2008/10/01 PHP
php上传文件中文文件名乱码的解决方法
2013/11/01 PHP
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
javascript实现unicode和字符的互相转换
2007/07/18 Javascript
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
2011/03/10 Javascript
firefox浏览器不支持innerText的解决方法
2013/08/07 Javascript
json数据的列循环示例
2013/09/06 Javascript
jquery复选框全选/取消示例
2013/12/30 Javascript
JavaScript中发布/订阅模式的简单实例
2014/11/05 Javascript
js分页工具实例
2015/01/28 Javascript
jquery实现鼠标滑过小图查看大图的方法
2015/07/20 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
2016/08/20 Javascript
vue调试工具vue-devtools安装及使用方法
2018/11/07 Javascript
vue.js中使用echarts实现数据动态刷新功能
2019/04/16 Javascript
JavaScript判断数组类型的方法
2019/10/23 Javascript
javascript前端实现多视频上传
2020/12/13 Javascript
python实现调用其他python脚本的方法
2014/10/05 Python
Python复制目录结构脚本代码分享
2015/03/06 Python
python检测某个变量是否有定义的方法
2015/05/20 Python
python 简单照相机调用系统摄像头实现方法 pygame
2018/08/03 Python
python自定义函数实现一个数的三次方计算方法
2019/01/20 Python
利用python numpy+matplotlib绘制股票k线图的方法
2019/06/26 Python
用Python实现校园通知更新提醒功能
2019/11/23 Python
用Python开发app后端有优势吗
2020/06/29 Python
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
瑞士图书网站:Weltbild.ch
2019/09/17 全球购物
开学典礼感言
2014/02/16 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
信息与计算科学专业推荐信
2014/02/23 职场文书
多媒体编辑专业毕业生求职信
2014/06/13 职场文书
教师正风肃纪心得体会
2016/01/15 职场文书
创业项目大全(适合在家创业的项目)
2019/08/15 职场文书
php png失真的原因及解决办法
2021/11/17 PHP