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

 更新时间:2014年03月21日 11:12:49   作者:  
把浏览器打印的功能保留并赋予到自己添加的按钮当中,可以在点击按钮的同时触发自定义的函数
本文主要内容:

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

<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 DOM 添加事件

    JavaScript DOM 添加事件

    这是我在给库中添加事件的时候写的添加事件的方法!这个方法实现了跨浏览器之间的方法!
    2009-02-02
  • 在layui中layer弹出层点击事件无效的解决方法

    在layui中layer弹出层点击事件无效的解决方法

    今天小编就为大家分享一篇在layui中layer弹出层点击事件无效的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JS多个表单数据提交下的serialize()应用实例分析

    JS多个表单数据提交下的serialize()应用实例分析

    这篇文章主要介绍了JS多个表单数据提交下的serialize()应用,接合实例形式分析了原生javascript实现多个表单提交时serialize操作相关使用技巧与操作注意事项,需要的朋友可以参考下
    2019-08-08
  • js Promise并发控制数量的方法

    js Promise并发控制数量的方法

    在业务开发过程中,我们经常会遇到多个异步任务并发执行的情况,待所有异步任务结束之后再执行我们的业务逻辑,那么js Promise并发控制数量是多少,本文就来介绍一下
    2021-08-08
  • 用js模拟struts2的多action调用示例

    用js模拟struts2的多action调用示例

    这篇文章主要介绍了用js模拟struts2的多action调用的实现过程,需要的朋友可以参考下
    2014-05-05
  • JS实现鼠标框选效果完整实例

    JS实现鼠标框选效果完整实例

    这篇文章主要介绍了JS实现鼠标框选效果,可实现鼠标点击出现框选效果的功能,同时下方实时显示框选大小,涉及javascript鼠标事件的响应与页面元素的动态运算技巧,需要的朋友可以参考下
    2016-06-06
  • Echarts自定义地图和添加图标代码示例

    Echarts自定义地图和添加图标代码示例

    这篇文章主要给大家介绍了关于Echarts自定义地图和添加图标的相关资料,项目中经常会遇到需要渲染echarts地图的情况,文中通过代码示例介绍的非常详细,需要的朋友可以参考下
    2023-09-09
  • element-ui dialog弹窗增加全屏功能(推荐)

    element-ui dialog弹窗增加全屏功能(推荐)

    这篇文章主要介绍了element-ui dialog弹窗增加全屏功能,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-11-11
  • JavaScript实现开关等效果

    JavaScript实现开关等效果

    本文给大家分享一段简单的代码基于js实现开关灯效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-09-09
  • JavaScript极简入门教程(一):基础篇

    JavaScript极简入门教程(一):基础篇

    这篇文章主要介绍了JavaScript极简入门教程(一):基础篇,本文讲解了JavaScript的基础语法、操作符、运算符等内容,需要的朋友可以参考下
    2014-10-10

最新评论