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 相关文章推荐
Discuz! 6.1_jQuery兼容问题
Sep 23 Javascript
jquery nth-child()选择器的简单应用
Jul 10 Javascript
javascript实现html页面之间参数传递的四种方法实例分析
Dec 15 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
js运动事件函数详解
Oct 21 Javascript
js仿QQ邮箱收件人选择与搜索功能
Feb 10 Javascript
js实现彩色条纹滚动条效果
Mar 15 Javascript
JS控件bootstrap suggest plugin使用方法详解
Mar 25 Javascript
vue动态绑定组件子父组件多表单验证功能的实现代码
May 14 Javascript
详解Vue中组件的缓存
Apr 20 Javascript
JavaScript实现页面中录音功能的方法
Jun 04 Javascript
js实现橱窗展示效果
Jan 11 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
Yii入门教程之目录结构、入口文件及路由设置
2014/11/25 PHP
PHP编写的图片验证码类文件分享
2016/06/06 PHP
javascript弹出层输入框(示例代码)
2013/12/11 Javascript
jQuery+AJAX实现遮罩层登录验证界面(附源码)
2020/09/13 Javascript
jQuery实现form表单元素序列化为json对象的方法
2015/12/09 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
JavaScript实现垂直滚动条效果
2017/01/18 Javascript
vue 中自定义指令改变data中的值
2017/06/02 Javascript
Node.js使用gm拼装sprite图片
2017/07/04 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
jQuery简单判断值是否存在于数组中的方法示例
2018/04/17 jQuery
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
Vue最新防抖方案(必看篇)
2019/10/30 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
2019/10/31 Javascript
JavaScript实现手风琴效果
2021/02/18 Javascript
[06:37]2014DOTA2国际邀请赛 昔日王者渴望重回巅峰
2014/07/12 DOTA
[48:20]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python自动扫雷实现方法
2015/07/25 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
Python实现微信消息防撤回功能的实例代码
2019/04/29 Python
Python爬取视频(其实是一篇福利)过程解析
2019/08/01 Python
Django对接支付宝实现支付宝充值金币功能示例
2019/12/17 Python
基于Python第三方插件实现西游记章节标注汉语拼音的方法
2020/05/22 Python
Python读取Excel一列并计算所有对象出现次数的方法
2020/09/04 Python
关于探究python中sys.argv时遇到的问题详解
2021/02/23 Python
HTML5制作表格样式
2016/11/15 HTML / CSS
建筑安全员岗位职责
2014/03/13 职场文书
《傅雷家书》教学反思
2014/04/20 职场文书
女生节标语
2014/06/26 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
党员教师四风问题整改措施思想汇报
2014/10/08 职场文书
技术员个人工作总结
2015/03/03 职场文书
寻衅滋事罪辩护词
2015/05/21 职场文书
行政答辩状范文
2015/05/21 职场文书
Win10鼠标轨迹怎么开 Win10显示鼠标轨迹方法
2022/04/06 数码科技