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>