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 相关文章推荐
来自国外的30个基于jquery的Web下拉菜单
Jun 22 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
jQuery读取XML文件内容的方法
Mar 09 Javascript
js实现简单折叠、展开菜单的方法
Aug 28 Javascript
js精美的幻灯片画集特效代码分享
Aug 29 Javascript
js中对函数设置默认参数值的3种方法
Oct 23 Javascript
在百度搜索结果中去除掉一些网站的资料(通过js控制不让显示)
May 02 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
微信小程序中进行地图导航功能的实现方法
Jun 29 Javascript
JS无限级导航菜单实现方法
Jan 05 Javascript
jQuery实现简单聊天室
Feb 08 jQuery
JS数组reduce()方法原理及使用技巧解析
Jul 14 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合并静态文件详解
2014/11/14 PHP
PHP折半(二分)查找算法实例分析
2018/05/12 PHP
Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
2009/09/15 Javascript
jquery 学习笔记一
2010/04/07 Javascript
用js来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
2012/01/21 Javascript
仿淘宝TAB切换搜索框搜索切换的相关内容
2014/09/21 Javascript
JavaScript设计模式之代理模式介绍
2014/12/28 Javascript
javascript消除window.close()的提示窗口
2015/05/20 Javascript
基于JavaScript实现轮播图原理及示例
2020/04/10 Javascript
详解在Vue中通过自定义指令获取dom元素
2017/03/04 Javascript
JavaScript判断输入是否为数字类型的方法总结
2017/09/28 Javascript
vue.js element-ui tree树形控件改iview的方法
2018/03/29 Javascript
浅谈Node.js 中间件模式
2018/06/12 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
2018/09/25 Javascript
vue中使用better-scroll实现滑动效果及注意事项
2018/11/15 Javascript
vue前端框架—Mint UI详解(更适用于移动端)
2019/04/30 Javascript
layui select 禁止点击的实现方法
2019/09/05 Javascript
JavaScript实现拖拽盒子效果
2020/02/06 Javascript
javascript设计模式 ? 命令模式原理与用法实例分析
2020/04/20 Javascript
python组合无重复三位数的实例
2018/11/13 Python
一文秒懂python读写csv xml json文件各种骚操作
2019/07/04 Python
使用Filter过滤python中的日志输出的实现方法
2019/07/17 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
HTML5 本地存储实现购物车功能
2017/09/07 HTML / CSS
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
易程科技软件测试笔试
2013/03/24 面试题
什么是Web Service?
2012/07/25 面试题
村庄绿化方案
2014/05/07 职场文书
环保建议书200字
2014/05/14 职场文书
社会实践活动总结范文
2014/07/03 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
财务助理岗位职责范本
2014/10/09 职场文书
学校教师师德师风承诺书
2015/04/28 职场文书
作文之亲情600字
2019/09/23 职场文书
python实现三阶魔方还原的示例代码
2021/04/28 Python
Spring Boot接口定义和全局异常统一处理
2022/04/20 Java/Android