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 相关文章推荐
让图片旋转任意角度及JQuery插件使用介绍
Mar 20 Javascript
JS实现点击链接取消跳转效果的方法
Jan 24 Javascript
javascript 中that的含义示例介绍
May 14 Javascript
浅析js预加载/延迟加载
Sep 25 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
AngularJS教程之MVC体系结构详解
Aug 16 Javascript
easyui取消表单实时验证,提交时统一验证的简单实例
Nov 07 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
认识jQuery的Promise的具体使用方法
Oct 10 jQuery
JS交互点击WKWebView中的图片实现预览效果
Jan 05 Javascript
JS实现点击生成UUID的方法完整实例【基于jQuery】
Jun 12 jQuery
JS通用方法触发点击事件代码实例
Feb 17 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的类树(支持无限分类)
2006/10/09 PHP
PHP 多维数组排序(usort,uasort)
2010/06/30 PHP
详解WordPress中给链接添加查询字符串的方法
2015/12/18 PHP
yii2中的rules 自定义验证规则详解
2016/04/19 PHP
Laravel5.4框架中视图共享数据的方法详解
2019/09/05 PHP
TP5多入口设置实例讲解
2020/12/15 PHP
js压缩工具 yuicompressor 使用教程
2010/03/31 Javascript
javascript判断ie浏览器6/7版本加载不同样式表的实现代码
2011/12/26 Javascript
js的Boolean对象初始值示例
2014/03/04 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
jQuery中:radio选择器用法实例
2015/01/03 Javascript
基于jQuery实现搜索关键字自动匹配功能
2020/03/26 Javascript
Jquery中巧用Ajax的beforeSend方法
2016/01/20 Javascript
JavaScript中各种引用类型的常用操作方法小结
2016/05/05 Javascript
jQuery中ajax获取数据赋值给页面的实例
2017/12/31 jQuery
js变量值传到php过程详解 将php解析成数据
2019/06/26 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
2019/08/26 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
js面向对象方式实现拖拽效果
2021/03/03 Javascript
运用TensorFlow进行简单实现线性回归、梯度下降示例
2018/03/05 Python
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
python程序中的线程操作 concurrent模块使用详解
2019/09/23 Python
Python ATM功能实现代码实例
2020/03/19 Python
详解Flask前后端分离项目案例
2020/07/24 Python
互斥锁解决 Python 中多线程共享全局变量的问题(推荐)
2020/09/28 Python
python爬虫智能翻页批量下载文件的实例详解
2021/02/02 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
html5+css3实现一款注册表单实例
2013/04/17 HTML / CSS
香港永安旅游网:Wing On Travel
2017/04/10 全球购物
外贸销售员求职的自我评价
2013/11/23 职场文书
小型女装店的创业计划书
2014/01/09 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
优秀教研组申报材料
2014/12/26 职场文书
高中教师个人总结
2015/02/10 职场文书
Python中可变和不可变对象的深入讲解
2021/08/02 Python