关于局部打印的经验分享

项目中需要做打印账单等表格的功能,但是在同一个页面中存在打印按钮,需要点击打印按钮才能执行打印,这就需要实现打印所需div部分,查询资料发现有很多方法可以实现这样的功能,我选择了一种我认为是最简单的方法,隐藏不需要的内容:

我们知道,window.print();是打印当前页面的所有内容,这样就可以通过打印前隐藏不需要打印的内容,打印后再显示内容的思路来做:

  $('.print').click(function() {
        $('.no-print').css("display","none");
        window.print();
        $('.no-print').css("display","block");
    });

 

posted @ 2017-05-17 16:38  moumou0213  阅读(157)  评论(0编辑  收藏  举报