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 相关文章推荐
仿服务器端脚本方式的JS模板实现方法
Apr 27 Javascript
一个简单的jQuery插件制作 学习过程及实例
Apr 25 Javascript
JavaScript arguments 多参传值函数
Oct 24 Javascript
用js代码改变单选框选中状态的简单实例
Dec 18 Javascript
Avalonjs 实现简单购物车功能(实例代码)
Feb 07 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
Apr 27 Javascript
Bootstrap布局之栅格系统学习笔记
May 04 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
webpack自动打包和热更新的实现方法
Jun 24 Javascript
js prototype和__proto__的关系是什么
Aug 23 Javascript
js实现简单扫雷
Nov 27 Javascript
JavaScript ES6的函数拓展
Jan 18 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下封装较好的数字分页方法
2010/11/23 PHP
php错误、异常处理机制(补充)
2012/05/07 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
PDO的安全处理与事物处理方法
2016/10/31 PHP
PHP使用反向Ajax技术实现在线客服系统详解
2019/07/01 PHP
PHP xpath提取网页数据内容代码解析
2020/07/16 PHP
jquery中append()与appendto()用法分析
2014/11/14 Javascript
jQuery简单实现网页选项卡特效
2014/11/24 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
2015/06/16 Javascript
AngularJS中的拦截器实例详解
2017/04/07 Javascript
vue 1.x 交互实现仿百度下拉列表示例
2017/10/21 Javascript
javascript中的隐式调用
2018/02/10 Javascript
Vue render渲染时间戳转时间,时间转时间戳及渲染进度条效果
2018/07/27 Javascript
对Layer弹窗使用及返回数据接收的实例详解
2019/09/26 Javascript
element-ui 远程搜索组件el-select在项目中组件化的实现代码
2019/12/04 Javascript
vue中keep-alive内置组件缓存的实例代码
2020/04/16 Javascript
微信小程序将页面按钮悬浮固定在底部的实现代码
2020/10/29 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
[03:39]2015国际邀请赛主赛事首日精彩回顾
2015/08/05 DOTA
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
对Python3中的print函数以及与python2的对比分析
2018/05/02 Python
Linux下python3.7.0安装教程
2018/07/30 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
python脚本开机自启的实现方法
2019/06/28 Python
使用Python制作表情包实现换脸功能
2019/07/19 Python
django解决订单并发问题【推荐】
2019/07/31 Python
pytorch之添加BN的实现
2020/01/06 Python
Django3中的自定义用户模型实例详解
2020/08/23 Python
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
video.js支持m3u8格式直播的实现示例
2020/05/20 HTML / CSS
捷克体育用品购物网站:D-sport
2017/12/28 全球购物
劳动之星获奖感言
2014/02/01 职场文书
公司授权委托书范本
2014/04/03 职场文书
“向国旗敬礼”活动策划方案(4篇)
2014/09/27 职场文书
2014党的群众路线教育实践活动总结报告
2014/10/31 职场文书
复兴之路观后感3000字
2015/06/02 职场文书