js调用打印机实现打印发票

最新推荐文章于 2024-06-19 09:45:45 发布

置顶 hexu_blog

最新推荐文章于 2024-06-19 09:45:45 发布

阅读量8.1k

点赞数 2

分类专栏：前端文章标签： js打印发票

本文链接：https://blog.csdn.net/hexu_blog/article/details/85678884

版权

前端专栏收录该内容

24 篇文章 0 订阅

订阅专栏

1.jsp页面，前提自己电脑上面要连接有打印机才行

<title>缴费凭证</title>
</head>
<script src="js/jquery-1.7.2.min.js"></script>
<body>

<div id="carprint" style="display:none;">
   <p style="font-size: 30px; margin-left: 200px">车位缴费凭证</p>
   <label>户号：</label><u id="carusernum"></u>
   <table border="1" cellspacing="0" cellpadding="0">
       <tr>
           <td style="text-align: center; height: 50px; width: 200px">缴费单位</td>
           <td id="carvillagename" colspan="3" style="text-align: center; height: 50px; width: 200px" ></td>
           <td style="text-align: center; height: 50px; width: 200px">业主名称</td>
           <td id="carusername" style="text-align: center; height: 50px; width: 200px"></td>
       </tr>
       <tr>
           <td style="text-align: center; height: 50px; width: 200px">起始日期</td>
           <td id="carpayfeebegintime" style="width: 150px"></td>
           <td style="text-align: center; height: 50px; width: 200px">结束日期</td>
           <td id="carpayfeefinishtime" style="width: 150px"></td>
           <td style="text-align: center; height: 50px; width: 200px">月数</td>
           <td id="carpaytype" style="text-align: center;"></td>
       </tr>
       <tr>
           <td style="text-align: center; height: 50px; width: 200px">缴费金额(元)</td>
           <td colspan="3" style="text-align: center;">(大写):<label id="carpayfeeCapitalization"></label></td>
           <td style="text-align: center; height: 50px; width: 200px">小写</td>
           <td id="carpayfeeLowercase" style="text-align: center;"></td>
       </tr>
       <tr style="height: 80px">
           <td style="text-align: center; height: 50px; width: 200px">备注</td>
           <td id="carremark" colspan="3" style="text-align: center;"></td>
           <td style="text-align: center; height: 50px; width: 200px">收费人</td>
           <td id="carchargeperson" style="text-align: center;"></td>
       </tr>
       <tr>
           <td style="height: 30px" colspan="6" >收款日期：<label id="carpayfeetime"></label><label
               style="margin-left: 300px">盖章：</label></td>
       </tr>
   </table>
</div>

</body>

2.js要打印的内容

function doPrint() {
   var printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'></head><body >";
       var content = "";
       var print="";
           print= document.getElementById('carprint').innerHTML;

       printStr = printStr + print + "</body></html>

window.document.write(printStr);
       window.document.close(); //这句很重要，没有就无法实现
       window.print();
       location.reload();//刷新当前页面

｝

hexu_blog

关注

2
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
js调用打印机实现打印发票

1.jsp页面，前提自己电脑上面要连接有打印机才行&lt;title&gt;缴费凭证&lt;/title&gt;&lt;/head&gt;&lt;script src="js/jquery-1.7.2.min.js"&gt;&lt;/script&gt;&lt;body&gt;&lt;!--startprint 车位--&gt;&lt;div id=&
复制链接

扫一扫