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 相关文章推荐
输入框的字数时时统计—关于 onpropertychange 和 oninput 使用
Oct 21 Javascript
js中confirm实现执行操作前弹出确认框的方法
Nov 01 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
Javascript 多物体运动的实现
Dec 24 Javascript
使用iojs的jsdom库实现同步系统时间
Apr 20 Javascript
图解prototype、proto和constructor的三角关系
Jul 31 Javascript
AngularJs Forms详解及简单示例
Sep 01 Javascript
js+SVG实现动态时钟效果
Jul 14 Javascript
django使用channels2.x实现实时通讯
Nov 28 Javascript
在Create React App中启用Sass和Less的方法示例
Jan 16 Javascript
微信小程序用户授权最佳实践指南
May 08 Javascript
JavaScript实现贪吃蛇游戏
Jun 16 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中$_SERVER的详细参数与说明
2008/07/29 PHP
PHP面向对象法则
2012/02/23 PHP
php运行时动态创建函数的方法
2015/03/16 PHP
php实现插入排序
2015/03/29 PHP
PHP利用APC模块实现大文件上传进度条的方法
2015/10/29 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
JS获得QQ号码的昵称,头像,生日的简单实例
2013/12/04 Javascript
JavaScript中的方法重载实例
2015/03/16 Javascript
JavaScript实现的简单拖拽效果
2015/06/01 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
浅谈JavaScript的计时器对象
2016/12/26 Javascript
JavaScript实现时钟滴答声效果
2017/01/29 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
基于Bootstrap分页的实例讲解(必看篇)
2017/07/04 Javascript
对TypeScript库进行单元测试的方法
2019/07/18 Javascript
VScode格式化ESlint方法(最全最好用方法)
2019/09/10 Javascript
js实现中文实时时钟
2020/01/15 Javascript
jquery制作的移动端购物车效果完整示例
2020/02/24 jQuery
[01:46]TI4西雅图DOTA2前线报道 中国选手抱团调时差
2014/07/08 DOTA
[04:41]2014DOTA2国际邀请赛 Liquid顺利突围晋级正赛
2014/07/09 DOTA
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
Python自定义scrapy中间模块避免重复采集的方法
2015/04/07 Python
Tensorflow使用tfrecord输入数据格式
2018/06/19 Python
python实现五子棋小程序
2019/06/18 Python
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
python实现批量修改服务器密码的方法
2019/08/13 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
使用TensorFlow搭建一个全连接神经网络教程
2020/02/06 Python
Python实现树莓派摄像头持续录像并传送到主机的步骤
2020/11/30 Python
俄罗斯在线大型超市:ТутПросто
2021/01/08 全球购物
中学生在校期间的自我评价分享
2013/11/13 职场文书
园林设计专业毕业生求职信
2014/03/23 职场文书
学校端午节活动方案
2014/08/23 职场文书
婚前财产协议书范本
2014/10/19 职场文书
普希金的诗歌赏析(3首)
2019/08/20 职场文书
golang 如何通过反射创建新对象
2021/04/28 Golang