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 相关文章推荐
在视频前插入广告
Nov 20 Javascript
限制文本字节数js代码
Mar 06 Javascript
基于jquery的分页控件(C#)
Jan 06 Javascript
JavaScript面向对象(极简主义法minimalist approach)
Jul 17 Javascript
zeroclipboard 单个复制按钮和多个复制按钮的实现方法
Jun 14 Javascript
angularjs实现与服务器交互分享
Jun 24 Javascript
推荐9款炫酷的基于jquery的页面特效
Dec 07 Javascript
BootStrap的JS插件之轮播效果案例详解
May 16 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
webpack-url-loader 解决项目中图片打包路径问题
Feb 15 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
微信小程序实现蓝牙打印
Sep 23 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多任务程序实例解析
2014/07/19 PHP
CodeIgniter实现从网站抓取图片并自动下载到文件夹里的方法
2015/06/17 PHP
php中实现进程锁与多进程的方法
2016/09/18 PHP
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
2009/04/24 Javascript
JS隐藏参数post传值实例
2013/04/18 Javascript
js特殊字符过滤的示例代码
2014/03/05 Javascript
关于img的href和src取变量及赋值的方法
2014/04/28 Javascript
使用jsonp完美解决跨域问题
2014/11/27 Javascript
浅析四种常见的Javascript声明循环变量的书写方式
2015/10/14 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
JS实现的多张图片轮流播放幻灯片效果
2016/07/22 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
原生js轮播(仿慕课网)
2017/02/15 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
BootStrap table实现表格行拖拽效果
2018/12/01 Javascript
JS绘图Flot如何实现动态可刷新曲线图
2020/10/16 Javascript
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
python监控网卡流量并使用graphite绘图的示例
2014/04/27 Python
python单元测试unittest实例详解
2015/05/11 Python
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
python编写简单端口扫描器
2019/09/04 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
HTML5 图片悬停放大的实现代码示例
2019/12/04 HTML / CSS
机械制造与自动化应届生求职信
2013/11/16 职场文书
管理部部长岗位职责
2013/12/05 职场文书
自我评价范文分享
2014/01/04 职场文书
科长竞聘演讲稿
2014/05/16 职场文书
施工安全承诺书
2014/05/22 职场文书
幼儿园新生开学寄语
2015/05/27 职场文书
美丽的大脚观后感
2015/06/03 职场文书
法人身份证明书
2015/06/18 职场文书
为什么MySQL分页用limit会越来越慢
2021/07/25 MySQL
golang 语言中错误处理机制
2021/08/30 Golang