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 相关文章推荐
jscript之List Excel Color Values
Jun 13 Javascript
fckeditor 获取文本框值的实现代码
Feb 09 Javascript
基于jquery的图片懒加载js
Jun 30 Javascript
window.open关于浏览器拦截问题分析及解决方法
Feb 05 Javascript
JQuery表单验证插件EasyValidator用法分析
Nov 15 Javascript
JavaScript自学笔记(必看篇)
Jun 23 Javascript
jquery datatable服务端分页
Aug 31 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 Javascript
详解Node.js开发中的express-session
May 19 Javascript
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
vue-cli创建的项目,配置多页面的实现方法
Mar 15 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 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
php学习笔记 数组的常用函数
2011/06/13 PHP
PHP的curl实现get,post和cookie(实例介绍)
2013/06/17 PHP
PHP生成自定义长度随机字符串的函数分享
2014/05/04 PHP
使用jquery给input和textarea设定ie中的focus
2008/05/29 Javascript
JQuery实现绚丽的横向下拉菜单
2013/12/19 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
第一次接触JS require.js模块化工具
2016/04/17 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
移动端js图片查看器
2016/11/17 Javascript
BootStrap select2 动态改变值的方法
2017/02/10 Javascript
vue如何获取自定义元素属性参数值的方法
2019/05/14 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
用Python输出一个杨辉三角的例子
2014/06/13 Python
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
浅谈python中字典append 到list 后值的改变问题
2018/05/04 Python
Django中的forms组件实例详解
2018/11/08 Python
python查看数据类型的方法
2019/10/12 Python
Python3.6 + TensorFlow 安装配置图文教程(Windows 64 bit)
2020/02/24 Python
python GUI库图形界面开发之PyQt5拖放控件实例详解
2020/02/25 Python
python实现文件分片上传的接口自动化
2020/11/19 Python
python基于selenium爬取斗鱼弹幕
2021/02/20 Python
英国剑桥包官网:The Cambridge Satchel Company
2016/08/01 全球购物
美国新兴城市生活方式零售商:VILLA
2017/12/06 全球购物
英国天然宝石首饰购买网站:Gemondo Jewellery
2018/10/23 全球购物
如何判断计算机可能已经中马
2013/03/22 面试题
学生励志演讲稿
2014/01/06 职场文书
陈欧广告词
2014/03/14 职场文书
社区科普工作方案
2014/06/03 职场文书
2014小学生国庆65周年演讲稿
2014/09/21 职场文书
运动会400米加油稿(8篇)
2014/09/22 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
2016年五一劳动节专题校园广播稿
2015/12/17 职场文书
解决SpringBoot文件上传临时目录找不到的问题
2021/07/01 Java/Android
MySQL的全局锁和表级锁的具体使用
2021/08/23 MySQL
一文搞懂MySQL索引页结构
2022/02/28 MySQL