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 相关文章推荐
如何在一个页面显示多个百度地图
Apr 07 Javascript
js与C#进行时间戳转换
Nov 14 Javascript
JavaScript中操作Mysql数据库实例
Apr 02 Javascript
jquery中val()方法是从最后一个选项往前读取的
Sep 06 Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
关于jQuery.ajax()的jsonp碰上post详解
Jul 02 jQuery
Vue.js实现开发购物车功能的方法详解
Feb 22 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
Oct 25 Javascript
Angular6项目打包优化的实现方法
Dec 15 Javascript
js实现表单项的全选、反选及删除操作示例
Jun 05 Javascript
原生JS运动实现轮播图
Jan 02 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
千呼万唤始出来,DOTA2勇士令状不朽宝藏Ⅱ现已推出
2020/08/25 DOTA
关于PHP结束标签的使用细节探讨及联想
2013/03/04 PHP
destoon实现公司新闻详细页添加评论功能的方法
2014/07/15 PHP
ThinkPHP提交表单时默认自动转义的解决方法
2014/11/25 PHP
PHP编程计算文件或数组中单词出现频率的方法
2017/05/22 PHP
JS模拟多线程
2007/02/07 Javascript
jquery 得到当前页面高度和宽度的两个函数
2010/02/21 Javascript
13个绚丽的Jquery 界面设计网站推荐
2010/09/28 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
jQuery实现锚点scoll效果实例分析
2015/03/10 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
jQuery+css实现非常漂亮的水平导航菜单效果
2016/07/27 Javascript
js基本算法:冒泡排序,二分查找的简单实例
2016/10/08 Javascript
URL的参数中有加号传值变为空格的问题(URL特殊字符)
2016/11/04 Javascript
jQuery动画_动力节点节点Java学院整理
2017/07/04 jQuery
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
2017/07/27 Javascript
解决在Bootstrap模糊框中使用WebUploader的问题
2018/03/22 Javascript
Bootstrap fileinput 上传新文件移除时触发服务器同步删除的配置
2018/10/08 Javascript
Vue keepAlive 数据缓存工具实现返回上一个页面浏览的位置
2019/05/10 Javascript
Vue的路由及路由钩子函数的实现
2019/07/02 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
vue-cli3配置favicon.ico和title的流程
2020/10/27 Javascript
Djang中静态文件配置方法
2015/07/30 Python
Saltstack快速入门简单汇总
2016/03/01 Python
Python实现多线程HTTP下载器示例
2017/02/11 Python
python爬虫实例详解
2018/06/19 Python
python代码实现逻辑回归logistic原理
2019/08/07 Python
运行tensorflow python程序,限制对GPU和CPU的占用操作
2020/02/06 Python
使用celery和Django处理异步任务的流程分析
2020/02/19 Python
python 简单的调用有道翻译
2020/11/25 Python
Python 实现二叉查找树的示例代码
2020/12/21 Python
解决H5的a标签的download属性下载service上的文件出现跨域问题
2019/07/16 HTML / CSS
文明学生事迹材料
2014/01/29 职场文书
反邪教警示教育方案
2014/05/13 职场文书
2016年过年放假安排通知
2015/08/18 职场文书
2015年国庆节广播稿
2015/08/19 职场文书