项目中需要做打印账单等表格的功能,但是在同一个页面中存在打印按钮,需要点击打印按钮才能执行打印,这就需要实现打印所需div部分,查询资料发现有很多方法可以实现这样的功能,我选择了一种我认为是最简单的方法,隐藏不需要的内容:
我们知道,window.print();是打印当前页面的所有内容,这样就可以通过打印前隐藏不需要打印的内容,打印后再显示内容的思路来做:
$('.print').click(function() { $('.no-print').css("display","none"); window.print(); $('.no-print').css("display","block"); });