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 相关文章推荐
IE iframe的onload方法分析小结
Jan 07 Javascript
JS高级拖动技术 setCapture,releaseCapture
Jul 31 Javascript
jquery ztree异步搜索(搜叶子)实践
Feb 25 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
BootStrap网页中代码显示用法详解
Oct 21 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
May 26 Javascript
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
Jun 17 Javascript
使用javaScript实现鼠标拖拽事件
Apr 03 Javascript
微信小程序实现点击效果
Jun 21 Javascript
jQuery实现checkbox全选、反选及删除等操作的方法详解
Aug 02 jQuery
JS实现简易留言板(节点操作)
Mar 16 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基础知识:类与对象(3) 构造函数和析构函数
2006/12/13 PHP
php解决约瑟夫环示例
2014/04/09 PHP
PHP配置把错误日志以邮件方式发送方法(Windows系统)
2015/06/23 PHP
PHP处理数组和XML之间的互相转换
2016/06/02 PHP
js 操作select相关方法函数
2009/12/06 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
2013/12/29 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
Angular.JS实现无限级的联动菜单(使用demo)
2017/02/08 Javascript
ECMAScript6--解构
2017/03/30 Javascript
JavaScript学习笔记之函数记忆
2017/09/06 Javascript
Vue.js项目中管理每个页面的头部标签的两种方法
2018/06/25 Javascript
vue生成token并保存到本地存储中
2018/07/17 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
使用vue制作滑动标签
2019/09/21 Javascript
[02:57]2014DOTA2国际邀请赛 选手辛苦解说更辛苦
2014/07/10 DOTA
python比较两个列表大小的方法
2015/07/11 Python
python实现将内容分行输出
2015/11/05 Python
Python的面向对象编程方式学习笔记
2016/07/12 Python
python七夕浪漫表白源码
2019/04/05 Python
Pandas的Apply函数具体使用
2020/07/21 Python
编写html5时调试发现脚本php等网页js、css等失效
2013/12/31 HTML / CSS
HTML5注册页面示例代码
2014/03/27 HTML / CSS
中国领先的专业家电网购平台:国美在线
2016/12/25 全球购物
Can a struct inherit from another struct? (结构体能继承结构体吗)
2016/09/25 面试题
园长自我鉴定
2013/10/06 职场文书
应届生求职信写作技巧
2013/10/24 职场文书
物业客服专员岗位职责
2013/11/30 职场文书
自主招生自荐信
2013/12/08 职场文书
班级入场式解说词
2014/02/01 职场文书
2014年社会实践活动总结范文
2014/04/29 职场文书
学习党的群众路线教育实践活动剖析材料
2014/10/13 职场文书
工程部经理岗位职责
2015/02/02 职场文书
初中生物教学随笔
2015/08/15 职场文书
员工担保书范本
2015/09/22 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书
python装饰器代码解析
2022/03/23 Python