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 CSS修改学习第二章 样式
Feb 19 Javascript
利用JQuery动画制作滑动菜单项效果实现步骤及代码
Feb 07 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
jQuery中的height innerHeight outerHeight区别示例介绍
Jun 15 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
jQuery+css实现的换页标签栏效果
Jan 27 Javascript
Java框架SSH结合Easyui控件实现省市县三级联动示例解析
Jun 12 Javascript
AngularJS基础 ng-mousemove 指令简单示例
Aug 02 Javascript
JS日期对象简单操作(获取当前年份、星期、时间)
Oct 26 Javascript
详解如何在项目中使用jest测试react native组件
Feb 09 Javascript
vue轻量级框架无法获取到vue对象解决方法
May 12 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 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类中Static方法效率测试代码
2010/10/17 PHP
php中的一些数组排序方法分享
2012/07/20 PHP
php 验证码(倾斜,正弦干扰线,黏贴,旋转)
2013/06/29 PHP
php+html5使用FormData对象提交表单及上传图片的方法
2015/02/11 PHP
windows下安装php的memcache模块的方法
2015/04/07 PHP
WordPress中限制非管理员用户在文章后只能评论一次
2015/12/31 PHP
AJAX PHP无刷新form表单提交的简单实现(推荐)
2016/09/09 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
jQuery弹出框代码封装DialogHelper
2015/01/30 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
基于insertBefore制作简单的循环插空效果
2015/09/21 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
每天一篇javascript学习小结(String对象)
2015/11/18 Javascript
javascript运算符——逻辑运算符全面解析
2016/06/27 Javascript
再谈Javascript中的基本类型和引用类型(推荐)
2016/07/01 Javascript
Angular Module声明和获取重载实例代码
2016/09/14 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
js中bool值的转换及“&amp;&amp;”、“||”、 “!!”详解
2017/12/21 Javascript
mint-ui在vue中的使用示例
2018/04/05 Javascript
JavaScript常用数学函数用法示例
2018/05/14 Javascript
vant IndexBar实现的城市列表的示例代码
2019/11/20 Javascript
[01:46]DOTA2上海特锦赛小组赛英文解说KotlGuy采访
2016/02/27 DOTA
Python的MongoDB模块PyMongo操作方法集锦
2016/01/05 Python
Python 获取中文字拼音首个字母的方法
2018/11/28 Python
Django框架模板注入操作示例【变量传递到模板】
2018/12/19 Python
selenium跳过webdriver检测并模拟登录淘宝
2019/06/12 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
Python切图九宫格的实现方法
2019/10/10 Python
PyTorch中 tensor.detach() 和 tensor.data 的区别详解
2020/01/06 Python
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
四年级科学教学反思
2014/02/10 职场文书
好听的队名和口号
2014/06/09 职场文书
大学生村官个人总结
2015/02/15 职场文书