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 相关文章推荐
实测jquery data()如何存值
Aug 18 Javascript
浅谈node.js中async异步编程
Oct 22 Javascript
jQuery中数据缓存$.data的用法及源码完全解析
Apr 29 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
Oct 27 Javascript
详解js树形控件—zTree使用总结
Dec 28 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
vue.js实现数据动态响应 Vue.set的简单应用
Jun 15 Javascript
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
JavaScript模拟文件拖选框样式v1.0的实例
Aug 04 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
Angular如何在应用初始化时运行代码详解
Jun 11 Javascript
Vue全局loading及错误提示的思路与实现
Aug 09 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 提取图片img标记中的任意属性的简单实例
2013/12/10 PHP
php中把美国时间转为北京时间的自定义函数分享
2014/07/28 PHP
phpmyadmin中禁止外网使用的方法
2014/11/04 PHP
PHP清除字符串中所有无用标签的方法
2014/12/01 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
Laravel find in set排序实例
2019/10/09 PHP
IE/FireFox具备兼容性的拖动代码
2007/08/13 Javascript
灵活应用js调试技巧解决样式问题的步骤分享
2012/03/15 Javascript
Jquery 实现table样式的设定
2015/01/28 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
jquery衣服颜色选取插件效果代码分享
2015/08/28 Javascript
jQuery添加删除DOM元素方法详解
2016/01/18 Javascript
jQuery学习笔记之回调函数
2016/08/15 Javascript
微信小程序 数据绑定详解及实例
2016/10/25 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
JS实现评价的星星功能
2017/08/20 Javascript
nodejs acl的用户权限管理详解
2018/03/14 NodeJs
Vue+ElementUI项目使用webpack输出MPA的方法
2019/08/27 Javascript
微信小程序实现多选框功能的实例代码
2020/06/24 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
在Python中使用swapCase()方法转换大小写的教程
2015/05/20 Python
CentOS7安装Python3的教程详解
2019/04/10 Python
python3实现elasticsearch批量更新数据
2019/12/03 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
2013/01/30 HTML / CSS
英国的潮牌鞋履服饰商店:size?
2019/03/26 全球购物
澳大利亚Rockwear官网:女子瑜伽、健身和运动服
2021/01/26 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
艺术节主持词
2014/04/02 职场文书
幼儿园教研活动总结
2014/04/30 职场文书
2014年度思想工作总结
2014/11/27 职场文书
孟佩杰观后感
2015/06/17 职场文书
女性健康知识讲座主持词
2015/07/04 职场文书
消防演习感想
2015/08/10 职场文书
Java界面编程实现界面跳转
2022/06/16 Java/Android