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 相关文章推荐
javascript的对话框详解与参数
Mar 08 Javascript
jquery pagination插件实现无刷新分页代码
Oct 13 Javascript
jQuery的三种$()
Dec 30 Javascript
jQuery拖拽div实现思路
Feb 19 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
Dec 20 Javascript
web 屏蔽BackSpace键实例代码
Dec 24 Javascript
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
VUE2.0+ElementUI2.0表格el-table实现表头扩展el-tooltip
Nov 30 Javascript
Vue实现类似Spring官网图片滑动效果方法
Mar 01 Javascript
vue+iview使用树形控件的具体使用
Nov 02 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
Nov 05 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通过COM使用ADODB的简单例子
2006/12/31 PHP
用PHP实现图象锐化代码
2007/06/14 PHP
php adodb介绍
2009/03/19 PHP
支持生僻字且自动识别utf-8编码的php汉字转拼音类
2014/06/27 PHP
php实现的CSS更新类实例
2014/09/22 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
Yii2 ActiveRecord多表关联及多表关联搜索的实现
2016/06/30 PHP
php的api数据接口书写实例(推荐)
2016/09/22 PHP
PHP实现笛卡尔积算法的实例讲解
2019/12/22 PHP
一个简单的jQuery插件制作 学习过程及实例
2010/04/25 Javascript
js控制页面的全屏展示和退出全屏显示的方法
2015/03/10 Javascript
简述JavaScript的正则表达式中test()方法的使用
2015/06/16 Javascript
Chrome不支持showModalDialog模态对话框和无法返回returnValue问题的解决方法
2016/10/30 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
基于Node.js的WebSocket通信实现
2017/03/11 Javascript
jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]
2017/07/05 jQuery
浅谈gulp创建完整的项目流程
2017/12/20 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
NodeJS如何实现同步的方法示例
2018/08/24 NodeJs
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
Python正则表达式匹配ip地址实例
2014/10/09 Python
python学习必备知识汇总
2017/09/08 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
python之DataFrame实现excel合并单元格
2021/02/22 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
阿迪达斯越南官网:adidas越南
2020/07/19 全球购物
清明节扫墓活动方案
2014/03/02 职场文书
中学生教师节演讲稿
2014/09/03 职场文书
营销总监岗位职责
2014/09/16 职场文书
计算机实训报告范文
2014/11/05 职场文书
2014年领班工作总结
2014/11/25 职场文书
给老婆的道歉信
2015/01/20 职场文书
vue项目配置sass及引入外部scss文件
2022/04/14 Vue.js