js调用浏览器打印模块实现点击按钮触发自定义函数


Posted in Javascript onMarch 21, 2014

本文主要内容:

如果用浏览器自带的打印按钮,无法进行其余和打印相关的操作,如传递打印次数等等。所以需要把浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数。

<input type="button" class="btnPrint" id="btnPrint" value="打印" /> 
<iframe frameborder=0 width="100%" height="400px" id="printPDFIframe" src=""<span style="white-space:pre"> </span>></iframe>

<script type="text/javascript"> 
$("#btnPrint").click(function(){ 
<pre code_snippet_id="248441" snippet_file_name="blog_20140321_2_4849863" name="code" class="javascript"><span style="white-space:pre"> </span>printPDF();</pre> }); function printPDF(){ if (navigator.appName == 'Microsoft Internet Explorer'){ //Wait until PDF is ready to print if(typeof document.getElementById("printPDFIframe").print == 'undefined'){ setTimeout(function(){printPDF("printPDFIframe");}, 
1000); }else{ var x = document.getElementById("printPDFIframe"); x.print(); } }else{ PDFIframeLoad(); // for chrome } } //for Chrome 有取消/确认, 无法直接发送到打印机 function PDFIframeLoad() { debugger; var iframe = document.getElementById("printPDFIframe"); if(iframe.src) 
{ var frm = iframe.contentWindow; frm.focus();// focus on contentWindow is needed on some ie versions frm.print(); return false; } }</script> 
<pre></pre> 
<pre></pre>
Javascript 相关文章推荐
js控制分页打印、打印分页示例
Feb 08 Javascript
js用Date对象的setDate()函数对日期进行加减操作
Sep 18 Javascript
JS中FRAME的操作问题实例分析
Oct 21 Javascript
快速学习jQuery插件 jquery.validate.js表单验证插件使用方法
Dec 01 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
js获取当前周、上一周、下一周日期
Mar 19 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
Vue.js 2.5新特性介绍(推荐)
Oct 24 Javascript
微信小程序tabBar用法实例详解
Dec 04 Javascript
JavaScript强制类型转换和隐式类型转换操作示例
May 01 Javascript
layui递归实现动态左侧菜单
Jul 26 Javascript
vue-cli3配置favicon.ico和title的流程
Oct 27 Javascript
js中把JSON字符串转换成JSON对象最好的方法
Mar 21 #Javascript
jquery插件冲突(jquery.noconflict)解决方法分享
Mar 20 #Javascript
将中国标准时间转换成标准格式的代码
Mar 20 #Javascript
如何将php数组或者对象传递给javascript
Mar 20 #Javascript
js 触发select onchange事件代码
Mar 20 #Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 #Javascript
jQuery的选择器中的通配符使用介绍
Mar 20 #Javascript
You might like
星际争霸中的热键
2020/03/04 星际争霸
php数组应用之比较两个时间的相减排序
2008/08/18 PHP
PHP的substr_replace将指定两位置之间的字符替换为*号
2011/05/04 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
jquery div拖动效果示例代码
2013/12/08 Javascript
JS基于面向对象实现的拖拽库实例
2015/09/24 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
微信小程序开发教程-手势解锁实例
2017/01/06 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
Vue.js事件处理器与表单控件绑定详解
2017/03/20 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
JS运动特效之同时运动实现方法分析
2018/01/24 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
JavaScript实现网页动态生成表格
2020/11/25 Javascript
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
python实现简易版计算器
2020/06/22 Python
由Python编写的MySQL管理工具代码实例
2019/04/09 Python
python实现飞机大战游戏
2020/10/26 Python
让你相见恨晚的十个Python骚操作
2020/11/18 Python
原装进口全世界:天猫国际
2016/08/03 全球购物
瑞典的玛丽小姐:Miss Mary of Sweden
2019/02/13 全球购物
法国床上用品商店:La Compagnie du lit
2019/12/26 全球购物
体育教师自荐信范文
2013/12/16 职场文书
交通事故检查书范文
2014/01/30 职场文书
文明风采获奖感言
2014/02/18 职场文书
个人授权委托书范本
2014/04/03 职场文书
股东合作协议书
2014/04/14 职场文书
大学毕业生推荐信
2014/07/09 职场文书
2015年乡镇发展党员工作总结
2015/03/31 职场文书
2015国庆节66周年标语
2015/07/30 职场文书
小学三年级班主任工作经验交流材料
2015/11/02 职场文书
导游词之桂林山水
2019/09/20 职场文书
升级 Win11 还是坚守 Win10?微软 Win11 新系统缺失功能大盘点
2022/04/05 数码科技