jquery PrintArea 实现票据的套打功能(代码)
时间:2021-01-04 16:13:34|栏目:jquery|点击: 次
套打就是指不打印表单上的表结构和固定的文言,只把会变化的数据打印出来,下面的例子就是不把name和name2打印出来,只把aaa和bbb打印出来。
1.代码
<html> <head> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.PrintArea.js"></script> </head> <body> <table> <tr> <td> name: </td> <td></td> </tr> <tr> <td> name2: </td> </tr> </table> <div class="my_show"> <div style="position: absolute; left: 60px; top: 10px;"> aaa </div> <div style="position: absolute; left: 60px; top: 35px;"> bbb </div> </div> <a href="javascript:;" rel="external nofollow" id="print" />打印</a> <script type="text/javascript"> $(document).ready(function() { $("#print").click(function() { $(".my_show").printArea() }) }); </script> </body> </html>
2.画面显示
3.打印结果