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 相关文章推荐
关于jQuery的inArray 方法介绍
Oct 08 Javascript
网页编辑器ckeditor和ckfinder配置步骤分享
May 24 Javascript
一个可拖拽列宽表格实例演示
Nov 26 Javascript
js拦截alert对话框另类应用
Jan 16 Javascript
js 输出内容到新窗口具体实现代码
May 31 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
javascript滚轮事件基础实例讲解(37)
Feb 14 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
vue.js动画中的js钩子函数的实现
Jul 06 Javascript
JS highcharts实现动态曲线代码示例
Oct 16 Javascript
vue2实现provide inject传递响应式
May 21 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
星际争霸中的对战模式介绍
2020/03/04 星际争霸
Apache设置虚拟WEB
2006/10/09 PHP
在同一窗体中使用PHP来处理多个提交任务
2008/05/08 PHP
jquery imgareaselect 使用利用js与程序结合实现图片剪切
2009/07/30 Javascript
jQuery 工具函数学习资料
2010/04/29 Javascript
jquery中dom操作和事件的实例学习 下拉框应用
2011/12/01 Javascript
Nodejs实现批量下载妹纸图
2015/05/28 NodeJs
JS实现黑客帝国文字下落效果
2015/09/01 Javascript
JS实现超简单的鼠标拖动效果
2015/11/02 Javascript
bootstrap3使用bootstrap datetimepicker日期插件
2017/05/24 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
VUE元素的隐藏和显示(v-show指令)
2017/06/23 Javascript
如何用webpack4.0撸单页/多页脚手架 (jquery, react, vue, typescript)
2019/06/18 jQuery
vue filter 完美时间日期格式的代码
2019/08/14 Javascript
vue移动端下拉刷新和上滑加载
2020/10/27 Javascript
学习python (2)
2006/10/31 Python
python连接mysql并提交mysql事务示例
2014/03/05 Python
python中关于for循环的碎碎念
2017/06/30 Python
利用Python半自动化生成Nessus报告的方法
2019/03/19 Python
opencv 图像轮廓的实现示例
2020/07/08 Python
如何在scrapy中捕获并处理各种异常
2020/09/28 Python
几款好用的python工具库(小结)
2020/10/20 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
如何用用Python将地址标记在地图上
2021/02/07 Python
css3给背景图片加颜色遮罩的方法
2019/11/05 HTML / CSS
HTML5中语义化 b 和 i 标签
2008/10/17 HTML / CSS
捷克玩具商店:Bambule
2019/02/23 全球购物
高三毕业典礼主持词
2014/03/27 职场文书
建筑节能汇报材料
2014/08/22 职场文书
语文课外活动总结
2014/08/27 职场文书
解除劳动合同协议书范本
2014/09/13 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
中标通知书
2015/04/17 职场文书
电工实训心得体会
2016/01/14 职场文书
高中历史教学反思
2016/02/19 职场文书
python神经网络学习 使用Keras进行简单分类
2022/05/04 Python