Web下的打印方案

 

JS WEB 打印一共有两种处理方案:

    一:借助第三方插件 协助打印,一般打印出来的效果非常不错,不过这些插件是要收费的

    二:借助浏览器自带的打印功能,能够满足一些小型企业的需求

本文主要是针对第二种进行了一个简单的探讨:

<html>  
  <head>  
  <meta   name=vs_targetSchema   content=" http://schemas.microsoft.com/intellisense/ie5 ">  
  <title>*********************************</title>  
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">  
  <!--media=print   这个属性可以在打印时有效-->  
  <style   media=print>  
  .Noprint{display:none;}  
  .PageNext{page-break-after:   always;}  
  </style>  
  <style>  
  body,td,th    
  {  
  font-size:   12px;  
  }  
  .tdp  
  {  
          border-bottom:   1   solid   #000000;  
          border-left:     1   solid   #000000;  
          border-right:     0   solid   #ffffff;  
          border-top:   0   solid   #ffffff;  
  }  
  .tabp  
  {  
          border-color:   #000000;  
   
  border-collapse:collapse;  
  }  
  .NOPRINT   {  
  font-family:   "宋体";  
  font-size:   12px;  
  }  
   
  </style>  
   
  </head>  
   
  <body   >  
      <OBJECT     id=WebBrowser     classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2     height=0     width=0   VIEWASTEXT>  
      </OBJECT>  
  <input   type=button   value=打印           οnclick="document.all.WebBrowser.ExecWB(6,1)"   class="NOPRINT">  
  <input   type=button   value=直接打印   οnclick="document.all.WebBrowser.ExecWB(6,6)"   class="NOPRINT">  
  <input   type=button   value=页面设置   οnclick="document.all.WebBrowser.ExecWB(8,1)"   class="NOPRINT">  
  <input   type=button   value=打印预览   οnclick="document.all.WebBrowser.ExecWB(7,1)"   class="NOPRINT">  
      <br/>  
  <table   width="90%"   border="0"   align="center"   cellpadding="0"   cellspacing="0">  
      <tr   align="center">    
          <td   colspan="5"><font   size="3">*********************************</font></td>  
      </tr>  
      <tr>    
          <td>汇总人次   5</td>  
          <td>费用合计   15853.12</td>  
          <td>统计日期   </td>  
          <td>制表人   023</td>  
          <td>制表日期:2004-05-13</td>  
      </tr>  
  </table>  
     
   
   
  <table   width="90%"   border="1"   align="center"   cellpadding="2"   cellspacing="0"   bordercolor="#000000"     class="tabp">  
      <tr>    
          <td       >姓名</td>  
          <td       >住院号</td>  
          <td       >科室</td>  
          <td       >结帐日期</td>  
          <td       >出院日期</td>  
          <td       >费用合计</td>  
          <td       >医保交易费用</td>  
          <td       >分类给付费用</td>  
          <td       >非医保交易费</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
   
      </tr>  
      <tr>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
          <td       >&nbsp;</td>  
   
      </tr>  
  </table>  
  <hr   align="center"   width="90%"   size="1"   noshade   class="NOPRINT"   >  
  <!--分页-->  
  <div   class="PageNext"></div>  
  <table   width="90%"   border="1"   align="center"   cellpadding="2"   cellspacing="0"   bordercolor="#000000"     class="tabp">  
      <tr>  
          <td   >第2页</td>  
      </tr>  
      <tr>  
          <td   >看到分页了吧</td>  
      </tr>  
      <tr>  
          <td   >&nbsp;</td>  
      </tr>  
      <tr>  
          <td   >&nbsp;</td>  
      </tr>  
      <tr>  
          <td   ><table   width="100%"     border="0"   cellspacing="0"   cellpadding="0">  
                  <tr>  
                      <td   width="50%"   >这样的报表  
                              对一般的要求就够了。</td>  
                      <td>&nbsp;</td>  
                  </tr>  
          </table></td>  
      </tr>  
  </table>  
  </body>  
  </html>  
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值