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 相关文章推荐
seajs中模块的解析规则详解和模块使用总结
Mar 12 Javascript
高性能JavaScript循环语句和条件语句
Jan 20 Javascript
AngularJS基础 ng-readonly 指令简单示例
Aug 02 Javascript
jQuery实现checkbox列表的全选、反选功能
Nov 24 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
Vue.js路由vue-router使用方法详解
Mar 20 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
Sep 19 Javascript
vue中使用gojs/jointjs的示例代码
Aug 24 Javascript
一文读懂ES7中的javascript修饰器
May 06 Javascript
JavaScript HTML DOM元素 节点操作汇总
Jul 29 Javascript
基于vue-draggable 实现三级拖动排序效果
Jan 10 Javascript
js实现弹幕飞机效果
Aug 27 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令牌 Token改进版
2008/07/18 PHP
php 动态执行带有参数的类方法
2009/04/10 PHP
PHP获取对象属性的三种方法实例分析
2019/01/03 PHP
Yii框架应用组件用法实例分析
2020/05/15 PHP
js捕获鼠标右键菜单中的粘帖事件实现代码
2013/04/01 Javascript
Egret引擎开发指南之编译项目
2014/09/03 Javascript
JS显示下拉列表框内全部元素的方法
2015/03/31 Javascript
关于vue单文件中引用路径的处理方法
2018/01/08 Javascript
Angular5中调用第三方js插件的方法
2018/02/26 Javascript
Angular使用操作事件指令ng-click传多个参数示例
2018/03/27 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
原生JS实现拖拽功能
2020/12/16 Javascript
[14:51]DOTA2 HEROS教学视频教你分分钟做大人-卓尔游侠
2014/06/13 DOTA
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
Python使用win32com模块实现数据库表结构自动生成word表格的方法
2018/07/17 Python
django 实现电子支付功能的示例代码
2018/07/25 Python
python自带tkinter库实现棋盘覆盖图形界面
2019/07/17 Python
Django ORM 常用字段与不常用字段汇总
2019/08/09 Python
详解使用django-mama-cas快速搭建CAS服务的实现
2019/10/30 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
PyQT5 实现快捷键复制表格数据的方法示例
2020/06/19 Python
python实现发送带附件的邮件代码分享
2020/09/22 Python
python使用re模块爬取豆瓣Top250电影
2020/10/20 Python
Selenium Webdriver元素定位的八种常用方式(小结)
2021/01/13 Python
什么是CSS3 HSLA色彩模式?HSLA模拟渐变色条
2016/04/26 HTML / CSS
AmazeUI 加载进度条的实现示例
2020/08/20 HTML / CSS
文秘应聘自荐书范文
2014/02/18 职场文书
对祖国的寄语大全
2014/04/11 职场文书
简洁的英文求职信范文
2014/05/03 职场文书
学习型班组申报材料
2014/05/31 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
2015年手术室工作总结
2015/05/11 职场文书
pycharm无法安装cv2模块问题
2022/05/20 Python