js调用浏览器打印模块实现点击按钮触发自定义函数
2018-10-12 13:55
726 查看
本文主要内容:
如果用浏览器自带的打印按钮,无法进行其余和打印相关的操作,如传递打印次数等等。所以需要把浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数。
如果用浏览器自带的打印按钮,无法进行其余和打印相关的操作,如传递打印次数等等。所以需要把浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数。
<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>
您可能感兴趣的文章:
相关文章推荐
- js调用浏览器打印模块实现点击按钮触发自定义函数
- WdatePicker.js 日历点击时,触发自定义方法 ,可以调用自己的函数。
- js触发单击事件(不是调用某组件定义的单击函数,而是触发,相当于你点击)
- js实现监听button按钮点击事件触发file点击事件
- IE中js调用脚本实现打印预览(按钮本身不打印)
- 用Html5 or JS实现点击一个按钮达到浏览器全屏效果
- js实现点击一个按钮达到浏览器全屏效果
- 一个窗口里包含一个iframe,点击iframe内的submit按钮,返回的视图总是显示在iframe中,我想要的效果是点击按钮后返回的视图是在浏览器窗口中...?asp.net mvc 的action中,不用js怎么实现??????????
- 用html5 js实现点击一个按钮达到浏览器全屏效果
- clipboard.js 实现 点击按钮复制粘贴兼容ios 安卓 pc浏览器 zclip复制插件需要Flash支持
- 用html5 js实现点击一个按钮达到浏览器全屏效果
- 2011-04-13 15:54 利用事件触发实现ActiveX调用js函数
- 用html5(requestFullscreen) js实现点击一个按钮使浏览器全屏效果
- IE中js调用脚本实现打印预览(按钮本身不打印)
- iOS开发-截获html按钮点击事件,实现js调用native代码
- 在HTML页面上点击按钮按钮携带参数flag,触发一个JS函数,经过判断是否flag==1,分别跳到两个指定的方法(或者页面)
- 网页中JS实现(调用)打印预览功能
- js调用浏览器打印功能
- 简单的JS实现按钮触发倒计时功能
- VC中程序调用Js自定义函数的注意事项