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 相关文章推荐
Javascript 判断函数类型完美解决方案
Sep 02 Javascript
js中哈希表的几种用法总结
Jan 28 Javascript
jquery插件开发之实现md5插件
Mar 17 Javascript
js 验证身份证信息有效性
Mar 28 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
基于Javascript实现的不重复ID的生成器
Dec 25 Javascript
基于JavaScript实现滑动门效果
Mar 16 Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 Javascript
vue前后分离调起微信支付
Jul 29 Javascript
file-loader打包图片文件时路径错误输出为[object-module]的解决方法
Jan 03 Javascript
vue 将多个过滤器封装到一个文件中的代码详解
Sep 05 Javascript
基于js实现的图片拖拽排序源码实例
Nov 04 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
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
Yii支持多域名cors原理的实现
2018/12/05 PHP
爆炸式的JS圆形浮动菜单特效代码
2010/03/03 Javascript
IE6下opacity与JQuery的奇妙结合
2013/03/01 Javascript
js 通用订单代码
2013/12/23 Javascript
js怎么判断flash swf文件是否加载完毕
2014/08/14 Javascript
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
jQuery如何获取同一个类标签的所有值(默认无法获取)
2014/09/25 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
2015/12/06 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
内容滑动切换效果jquery.hwSlide.js插件封装
2016/07/07 Javascript
功能强大的Bootstrap效果展示(二)
2016/08/03 Javascript
学习vue.js计算属性
2016/12/03 Javascript
Bootstrap的popover(弹出框)在append后弹不出(失效)
2017/02/27 Javascript
VUE axios上传图片到七牛的实例代码
2017/07/28 Javascript
解决Vue axios post请求,后台获取不到数据的问题方法
2018/08/11 Javascript
iview form清除校验状态的实现
2019/09/19 Javascript
JavaScript自定义超时API代码实例
2020/04/30 Javascript
[01:18]PWL开团时刻DAY10——一拳超人
2020/11/11 DOTA
Python实现感知器模型、两层神经网络
2017/12/19 Python
Python网络编程基于多线程实现多用户全双工聊天功能示例
2018/04/10 Python
Python实现字符串的逆序 C++字符串逆序算法
2020/05/28 Python
用python标准库difflib比较两份文件的异同详解
2018/11/16 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
基于sklearn实现Bagging算法(python)
2019/07/11 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
Django配置MySQL数据库的完整步骤
2019/09/07 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
python开发入门——set的使用
2020/09/03 Python
高职助产应届生自荐信
2013/09/24 职场文书
工作经常出错的检讨书
2014/09/13 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
结婚通知短信大全
2015/04/17 职场文书
Mysql8.0递归查询的简单用法示例
2021/08/04 MySQL
Python自动化实战之接口请求的实现
2022/05/30 Python