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 相关文章推荐
struts2+jquery+json实现异步加载数据(自写)
Jun 24 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
Nov 22 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
详解addEventListener的三个参数之useCapture
Mar 16 Javascript
javascript瀑布流布局实现方法详解
Feb 17 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 Javascript
JavaScript动态检验密码强度的实现方法
Nov 09 Javascript
JavaScript轻松创建级联函数的方法示例
Feb 10 Javascript
浅谈React前后端同构防止重复渲染
Jan 05 Javascript
使用javascript函数编写简单银行取钱存钱流程
May 26 Javascript
vue 属性拦截实现双向绑定的实例代码
Oct 24 Javascript
vue postcss-px2rem 自适应布局
May 15 Vue.js
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的FTP学习(二)
2006/10/09 PHP
又一个php 分页类实现代码
2009/12/03 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
PHP7实现和CryptoJS的AES加密方式互通示例【AES-128-ECB加密】
2019/06/08 PHP
PhpStorm 如何优雅的调试Hyperf的方法步骤
2019/11/24 PHP
通过隐藏option实现select的联动效果
2009/11/10 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
第四章之BootStrap表单与图片
2016/04/25 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
jquery实现简单Tab切换菜单效果
2020/07/17 Javascript
jQuery实现带遮罩层效果的blockUI弹出层示例【附demo源码下载】
2016/09/14 Javascript
js基于myFocus实现轮播图效果
2017/02/14 Javascript
BootStrap实现带关闭按钮功能
2017/02/15 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
jquery中done和then的区别(详解)
2017/12/19 jQuery
使用pkg打包Node.js应用的方法步骤
2018/10/19 Javascript
vue-cli安装使用流程步骤详解
2018/11/08 Javascript
详解babel升级到7.X采坑总结
2019/05/12 Javascript
jquery实现动态创建form并提交的方法示例
2019/05/27 jQuery
layui多图上传实现删除功能的例子
2019/09/23 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
在vue中使用image-webpack-loader实例
2020/11/12 Javascript
基于python实现微信模板消息
2015/12/21 Python
使用Python测试Ping主机IP和某端口是否开放的实例
2019/12/17 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
Topshop美国官网:英国快速时尚品牌
2019/05/16 全球购物
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
Unix如何在一行中运行多个命令
2015/05/29 面试题
法律专业个人实习自我鉴定
2013/09/23 职场文书
人事助理岗位职责
2013/11/18 职场文书
大学生求职信范文应怎么写
2014/01/01 职场文书
扬尘污染防治方案
2014/06/15 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
科技活动总结范文
2015/05/11 职场文书
JVM钩子函数的使用场景详解
2021/08/23 Java/Android
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python