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 相关文章推荐
PJ Blog修改-禁止复制的代码和方法
Oct 25 Javascript
Javascript 复制数组实现代码
Nov 26 Javascript
初窥JQuery(二) 事件机制(1)
Nov 25 Javascript
关于jquery的多个选择器的使用示例
Oct 18 Javascript
JS获取下拉框显示值和判断单选按钮的方法
Jul 09 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
Aug 28 Javascript
JS面向对象编程详解
Mar 06 Javascript
Javascript实现跑马灯效果的简单实例
May 31 Javascript
JS实现百度搜索接口及链接功能实例代码
Feb 02 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 Javascript
详解为element-ui的Select和Cascader添加弹层底部操作按钮
Feb 07 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
菜鸟修复电子管记
2021/03/02 无线电
解析:使用php mongodb扩展时 需要注意的事项
2013/06/18 PHP
遍历指定目录,并存储目录内所有文件属性信息的php代码
2016/10/28 PHP
php使用PDO获取结果集的方法
2017/02/16 PHP
php+webSoket实现聊天室示例代码(附源码)
2017/02/17 PHP
Laravel 队列使用的实现
2019/01/08 PHP
在javascript中对于DOM的加强
2013/04/11 Javascript
js获取GridView中行数据的两种方法 分享
2013/07/13 Javascript
固定表格行列(expression)在IE下适用
2013/07/25 Javascript
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
JS和函数式语言的三特性
2014/03/05 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
js实现类似jquery里animate动画效果的方法
2015/04/10 Javascript
javascript函数式编程实例分析
2015/04/25 Javascript
JavaScript对表格或元素按文本,数字或日期排序的方法
2015/05/26 Javascript
js实现鼠标点击左上角滑动菜单效果代码
2015/09/06 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
JavaScript中的冒泡排序法
2016/08/03 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
JS求1到任意数之间的所有质数的方法详解
2019/05/20 Javascript
前端深入理解Typescript泛型概念
2020/03/09 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
自己使用总结Python程序代码片段
2015/06/02 Python
python docx 中文字体设置的操作方法
2018/05/08 Python
Python读取txt文件数据的方法(用于接口自动化参数化数据)
2018/06/27 Python
Python运行DLL文件的方法
2020/01/17 Python
英国天然宝石首饰购买网站:Gemondo Jewellery
2018/10/23 全球购物
英国买鞋网站:Charles Clinkard
2019/11/14 全球购物
卫生安全检查制度
2014/02/04 职场文书
《童趣》教学反思
2014/02/19 职场文书
大学新闻系自荐书
2014/05/31 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
三好学生先进事迹材料
2014/08/28 职场文书
Vue.js中v-bind指令的用法介绍
2022/03/13 Vue.js
Python 避免字典和元组的多重嵌套问题
2022/07/15 Python