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 相关文章推荐
js 利用className得到对象的实现代码
Nov 15 Javascript
关于JavaScript对象的动态选择及遍历对象
Mar 10 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
JS组件Bootstrap实现弹出框和提示框效果代码
Dec 08 Javascript
js实现微博发布小功能
Jan 12 Javascript
BootStrap组件之进度条的基本用法
Jan 19 Javascript
利用JQUERY实现多个AJAX请求等待的实例
Dec 14 jQuery
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
vue2 mint-ui loadmore实现下拉刷新,上拉更多功能
Mar 21 Javascript
详解微信小程序开发聊天室—实时聊天,支持图片预览
May 20 Javascript
vue-test-utils初使用详解
May 23 Javascript
vue中音频wavesurfer.js的使用方法
Feb 20 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入门学习笔记之一
2010/10/12 PHP
php 批量替换html标签的实例代码
2013/11/26 PHP
php网页病毒清除类
2014/12/08 PHP
PHP使用preg_split和explode分割textarea存放内容的方法分析
2017/07/03 PHP
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
JS中prototype关键字的功能介绍及使用示例
2013/07/21 Javascript
javascript firefox 自动加载iframe 自动调整高宽示例
2013/08/27 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
js实现编辑div节点名称的方法
2014/12/17 Javascript
Vue.js第三天学习笔记(计算属性computed)
2016/12/01 Javascript
微信小程序 input输入及动态设置按钮的实现
2017/10/27 Javascript
3种vue组件的书写形式
2017/11/29 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
vue 实现Web端的定位功能 获取经纬度
2019/08/08 Javascript
Python聊天室实例程序分享
2016/01/05 Python
详解Python的Twisted框架中reactor事件管理器的用法
2016/05/25 Python
浅析Python数字类型和字符串类型的内置方法
2019/12/22 Python
python 多进程队列数据处理详解
2019/12/23 Python
python3连接MySQL8.0的两种方式
2020/02/17 Python
python解释器pycharm安装及环境变量配置教程图文详解
2020/02/26 Python
Python嵌入C/C++进行开发详解
2020/06/09 Python
python要安装在哪个盘
2020/06/15 Python
python中如何写类
2020/06/29 Python
解决Keras的自定义lambda层去reshape张量时model保存出错问题
2020/07/01 Python
python中upper是做什么用的
2020/07/20 Python
英国家居用品和家居装饰品购物网站:Cox & Cox
2019/08/25 全球购物
信息技术专业个人自我评价
2013/12/11 职场文书
安全教育心得体会
2013/12/29 职场文书
超市促销活动方案
2014/03/05 职场文书
校本教研活动总结
2014/07/01 职场文书
环境日宣传活动总结
2014/07/09 职场文书
计划生育个人总结
2015/03/02 职场文书
个人简历自我评价怎么写
2015/03/10 职场文书
如何写一份成功的商业计划书
2019/06/25 职场文书
Opencv中cv2.floodFill算法的使用
2021/06/18 Python
尝试使用Python爬取城市租房信息
2022/04/12 Python