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 相关文章推荐
JQuery的Alert消息框插件使用介绍
Oct 09 Javascript
JQuery标签页效果的两个实例讲解(4)
Sep 17 Javascript
三种Node.js写文件的方式
Mar 08 Javascript
js点击返回跳转到指定页面实现过程
Aug 20 Javascript
基于JS实现textarea中获取动态剩余字数的方法
May 25 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
Oct 19 Javascript
微信小程序 flex实现导航实例详解
Apr 26 Javascript
AngularJS读取JSON及XML文件的方法示例
May 25 Javascript
vue.js 获取当前自定义属性值
Jun 01 Javascript
JavaScript全屏和退出全屏事件总结(附代码)
Aug 17 Javascript
JavaScript实现PC端四格密码输入框功能
Feb 19 Javascript
JS前端canvas交互实现拖拽旋转及缩放示例
Aug 05 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
中国第一家无线电行
2021/03/01 无线电
php使用PDO获取结果集的方法
2017/02/16 PHP
jQuery EasyUI 中文API Button使用实例
2010/04/14 Javascript
js对数字的格式化使用说明
2011/01/12 Javascript
为JS扩展Array.prototype.indexOf引发的问题探讨及解决
2013/04/24 Javascript
详解JavaScript中|单竖杠运算符的使用方法
2016/05/23 Javascript
jQuery实现的放大镜效果示例
2016/09/13 Javascript
详解Js模板引擎(TrimPath)
2016/11/22 Javascript
jQuery根据ID、CLASS、等获取对象的实例
2016/12/04 Javascript
vue jsx 使用指南及vue.js 使用jsx语法的方法
2017/11/11 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
angularjs实现table表格td单元格单击变输入框/可编辑状态示例
2019/02/21 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
vuejs中父子组件之间通信方法实例详解
2020/01/17 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
JavaScript 判断数据类型的4种方法
2020/09/11 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
Python最基本的输入输出详解
2015/04/25 Python
Python中的with...as用法介绍
2015/05/28 Python
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
Python在图片中添加文字的两种方法
2017/04/29 Python
用Python实现将一张图片分成9宫格的示例
2019/07/05 Python
python的json中方法及jsonpath模块用法分析
2019/12/06 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
TensorFlow2.X结合OpenCV 实现手势识别功能
2020/04/08 Python
python实现自动清理重复文件
2020/08/24 Python
亚洲独特体验旅游专家:eOasia
2018/08/15 全球购物
毕业学生推荐信
2013/12/01 职场文书
小学红领巾中秋节广播稿
2014/01/13 职场文书
人资专员岗位职责
2014/04/04 职场文书
四风查摆剖析材料
2014/10/10 职场文书
2015年营业员工作总结
2015/04/23 职场文书
2015年数学教师工作总结
2015/05/20 职场文书
矛盾论读书笔记
2015/06/29 职场文书
婚礼家长致辞
2015/07/27 职场文书
2019学校运动会开幕词
2019/05/13 职场文书