Java JSP實現頁面列印的功能
阿新 • • 發佈：2019-01-05
根據公司需求，從客戶動態建立表開始，然後從Excel中將資料匯入到動態的表中，最後到使用者前臺呼叫查詢，返回結果集，列印該結果集，所以最後使用列印功能，很簡單只是呼叫window.print()的JS 即可。
下面直接上程式碼，直接修改一下就可以使用。
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <script type="text/javascript" src="jquery.js"></script> <style> table{width:800px;border:1px solid red;} td{width:200px;height:40px;} </style> </head> <body> <div style=" width:100%;text-align: center; margin:10px auto;"> <table> <tr> <td >科目：</td> <td >語文</td> <td >成績：</td> <td >80</td> </tr> <tr> <td >科目：</td> <td >語文</td> <td >成績：</td> <td >80</td> </tr> <tr> <td >科目：</td> <td >語文</td> <td >成績：</td> <td >80</td> </tr> <tr> <td >科目：</td> <td >語文</td> <td >成績：</td> <td >80</td> </tr> </table> </div> <div id="printbtn" style=" width:100%;text-align: center; margin:10px auto;"> <input id="btnPrint" value="列印" style=" width:50px; height:22px; font-size:16px;" type="button"> </div> <script type="text/javascript"> function doPrint() { window.print(); } $(function () { //列印 $("#btnPrint").bind("click", function (event) { doPrint(); }); }); </script> </body> </html>