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 28 Javascript
使用documentElement正确取得当前可见区域的大小
Jul 25 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
AngularJS 服务详细讲解及示例代码
Aug 17 Javascript
jQuery内存泄露解决办法
Dec 13 Javascript
AngularJS使用拦截器实现的loading功能完整实例
May 17 Javascript
详解Vue Elementui中的Tag与页面其它元素相互交互的两三事
Sep 25 Javascript
vue实现记事本功能
Jun 26 Javascript
JavaScript中的惰性载入函数及优势
Feb 18 Javascript
解决vue一个页面中复用同一个echarts组件的问题
Jul 19 Javascript
vue用elementui写form表单时,在label里添加空格操作
Aug 13 Javascript
如何优化vue打包文件过大
Apr 13 Vue.js
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中常量,变量的作用域和生存周期
2013/08/10 PHP
php判断电脑访问、手机访问的例子
2014/05/10 PHP
微信支付PHP SDK之微信公众号支付代码详解
2015/12/09 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
PHP array_reverse() 函数原理及实例解析
2020/07/14 PHP
javascript 面向对象编程基础:封装
2009/08/21 Javascript
js 数值项目的格式化函数代码
2010/05/14 Javascript
jquery插件lazyload.js延迟加载图片的使用方法
2014/02/19 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
自定义刻度jQuery进度条及插件
2015/09/02 Javascript
jQuery动态改变多行文本框高度的方法
2016/09/07 Javascript
jQuery遮罩层实例讲解
2017/05/11 jQuery
JS实现加载时锁定HTML页面元素的方法
2017/06/24 Javascript
你有必要知道的10个JavaScript难点
2017/07/25 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
JS实现简易换图时钟功能分析
2018/01/04 Javascript
javascript实现文件拖拽事件
2018/03/29 Javascript
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
基于Vue的侧边目录组件的实现
2020/02/05 Javascript
[01:14:05]《加油DOTA》第四期
2014/08/25 DOTA
使用SAE部署Python运行环境的教程
2015/05/05 Python
python字符串的常用操作方法小结
2016/05/21 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
Python实现时间序列可视化的方法
2019/08/06 Python
python实现简单飞行棋
2020/02/06 Python
TensorFlow2.0矩阵与向量的加减乘实例
2020/02/07 Python
Python 安装 virturalenv 虚拟环境的教程详解
2020/02/21 Python
K近邻法(KNN)相关知识总结以及如何用python实现
2021/01/28 Python
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
优秀研究生自我鉴定
2013/12/04 职场文书
护理目标管理责任书
2014/07/25 职场文书
2015年学校总务工作总结
2015/07/20 职场文书
原型和原型链 prototype和proto的区别详情
2021/11/02 Javascript
python的列表生成式,生成器和generator对象你了解吗
2022/03/16 Python
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL