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 qq右下角滑出窗口 sheyMsg
Mar 21 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
在JavaScript中call()与apply()区别
Jan 22 Javascript
js 创建对象 经典模式全面了解
Aug 16 Javascript
用Vue.extend构建消息提示组件的方法实例
Aug 08 Javascript
函数式编程入门实践(一)
Apr 20 Javascript
node实现简单的增删改查接口实例代码
Aug 22 Javascript
JavaScript实现随机五位数验证码
Sep 27 Javascript
JavaScript实现轮播图特效
Apr 10 Javascript
vue实例的选项总结
Jun 09 Javascript
图解JS原型和原型链实现原理
Sep 15 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
zf框架的db类select查询器join链表使用示例(zend框架)
2014/03/14 PHP
JQury slideToggle闪烁问题及解决办法
2011/07/05 Javascript
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
JS动态显示表格上下frame的方法
2015/03/31 Javascript
javascript比较两个日期相差天数的方法
2015/07/23 Javascript
js实现左侧网页tab滑动门效果代码
2015/09/06 Javascript
jQuery+CSS3实现3D立方体旋转效果
2015/11/10 Javascript
AngularJS在IE下取数据总是缓存问题的解决方法
2016/08/05 Javascript
JS简单设置下拉选择框默认值的方法
2016/08/20 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
微信小程序顶部导航栏滑动tab效果
2019/01/28 Javascript
ES10的13个新特性示例(小结)
2019/09/23 Javascript
vue项目中播放rtmp视频文件流的方法
2020/09/17 Javascript
[01:02:04]EG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
Python时间模块datetime、time、calendar的使用方法
2016/01/13 Python
Python3导入CSV文件的实例(跟Python2有些许的不同)
2018/06/22 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
Python操作MySQL数据库的两种方式实例分析【pymysql和pandas】
2019/03/18 Python
基于Python解密仿射密码
2019/10/21 Python
python3 dict ndarray 存成json,并保留原数据精度的实例
2019/12/06 Python
如何基于Python实现数字类型转换
2020/02/07 Python
Python pymsql模块的使用
2020/09/07 Python
Python 下载Bing壁纸的示例
2020/09/29 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
美国伊甸园兄弟种子公司:Eden Brothers
2018/07/01 全球购物
仓库班组长岗位职责
2013/12/12 职场文书
秋季运动会表扬稿
2014/01/16 职场文书
新教师工作感言
2014/02/16 职场文书
行政部工作岗位职责范本
2014/03/05 职场文书
公司接待方案
2014/03/08 职场文书
初三开学计划书
2014/04/27 职场文书
《爱的教育》读书心得
2014/11/08 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
python pygame入门教程
2021/06/01 Python
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android