js调用浏览器打印模块实现点击按钮触发自定义函数

 把浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数

本文主要内容: 
 
如果用浏览器自带的打印按钮,无法进行其余和打印相关的操作,如传递打印次数等等。所以需要把浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数。 
代码如下:
<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> 
 

时间: 2024-09-08 08:48:58

js调用浏览器打印模块实现点击按钮触发自定义函数的相关文章

JavaScript调用浏览器打印功能实例分析_javascript技巧

本文实例讲述了JavaScript调用浏览器打印功能的方法.分享给大家供大家参考.具体如下: 1. 通用型,支持IE,Firefox,Chrome... 复制代码 代码如下: window.print(); 2. 只支持IE打印: <script> var print=function(){ /** * WebBrowser.ExecWB(1,1) 打开 * Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 * Web.ExecWB(4,1) 保存网页 * Web.Ex

javase-Android或者苹果手机浏览器,打开网站点击按钮后,向桌面添加快捷方式,使其指向特定的网页

问题描述 Android或者苹果手机浏览器,打开网站点击按钮后,向桌面添加快捷方式,使其指向特定的网页 这个程序怎么具体的操作,我不是搞安卓的,但是需要这个功能. 我找到相关的代码:http://blog.csdn.net/lovexieyuan520/article/details/44575097 http://www.cnblogs.com/wanyao/archive/2011/11/27/2265333.html 求各位大神教我怎么具体操作,或者留下联系方式,感激不尽. 解决方案 看你

js调用打印机打印网页字体总是缩小一号的解决方法

 直接调用window.print(),但是打印出来后,字体总是缩小一号,后来直接target="_blank",就可以正常打印了,下面是实现代码 今天要做一个打印网页的小功能,直接调用window.print(),但是打印出来后,字体总是缩小一号,找不到原因...    后来尝试用一个IE的打印控件,但仅支持ie有点恶心,只能返回去继续找原因    原来,我要打印的页面因为是哥弹出层,所以出现这种现象,后来直接target="_blank",就可以正常打印了. 

遮罩层点击按钮弹出并且具有拖动和关闭效果(两种方法)_jquery

首先给大家展示演示效果: 基于JavaScript的网页弹出层,鼠标按在弹出层的标题栏处,可以拖动该浮动层随意移动位置,不需要时也可以关闭,操作体验舒服,兼容性好,IE/火狐等众多浏览器下运行稳定.反应快速.代码表现方面,简洁务实,不玩虚的,拿去学习也相当不错. js代码 示例一: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>弹出层并可

js调用iframe实现打印页面内容的方法

 这篇文章主要介绍了js调用iframe实现打印页面内容的方法,需要的朋友可以参考下 1.程序说明   1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印: 2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容.   2.代码部分   1) JS 函数:  代码如下: function do_print(id_str)//id-str 打印区域的id { var el = document.getElementById(id_str); v

javaweb-关于js超链接方法调用的,为什么需要点击 删除 两次 才弹出confirm框

问题描述 关于js超链接方法调用的,为什么需要点击 删除 两次 才弹出confirm框 问题:当我[首次]点击 删除 的时候(执行方法del_sure),需要再次点击 删除 才弹出 "您确定需要删除吗?" 我的需求是 首次 点击 删除 的时候直接弹出提示框 而不是需要第二次点击. 但是我把方法里面的click事件注释掉 根本就没有反应了 (我觉得多了个click所以需要第二次点击,但是为什么注释掉了 全部没反应了?) 谁知道怎么解决的 告知一下 在下感激不尽 解决方案 function

怎么通过浏览器,点击按钮直接调用office在本地打开word文档?

问题描述 怎么通过浏览器,点击按钮直接调用office在本地打开word文档? 怎么通过浏览器,点击按钮直接调用office在本地打开word文档.不是在浏览器中打开.不用提示打开或保存,直接打开为word. 解决方案 早期的Office自带浏览器插件,可以达到你的目的,在浏览器中直接查看Word文档.现在已经取消此功能,但借助第三方插件还是可以的.或者你也可以试一下微软官方office web apps server 解决方案二: 浏览器插件.....

java或者js怎么调用浏览器文件下载框中的保存,或者打开选择框

问题描述 java或者js怎么调用浏览器文件下载框中的保存,或者打开选择框 浏览器下载文件时,有个打开,有个保存,java或者js能通过代码调用么? 怎么操作 解决方案 js设置location跳转到你要下载的文件地址就好了 location='要下载的文件地址' 如果你的文件是文本文件,图片这种浏览器能解析的,你需要动态设置content-disposition为attachment,然后输出文件才能弹出保存文件对话框,要不是直接显示在浏览器里面的,具体看下面的链接 http://www.qi

firefox-火狐浏览器(43.0.4)点击按钮【转到上一页】,上一页的JS脚本不行。

问题描述 火狐浏览器(43.0.4)点击按钮[转到上一页],上一页的JS脚本不行. 火狐浏览器(43.0.4)点击按钮[转到上一页],上一页的JS脚本不行. 1.详细复现方法, 将两端代码复制到两个html文件a.html和b.html中. 2.火狐浏览器访问a.html,会alert信息'page a': 3.然后点击链接[to page b],跳转至b.html会alert信息'page b'. 4.点击按钮[转到上一页](就是浏览器的后退按钮) 返回到a.html. a.html应该执行J