zoukankan      html  css  js  c++  java
  • css table 布局 与 JavaScript 指定区域打印功能

     
    <!DOCTYPE html>
    <html lang="en"><head>
        <meta http-equiv="content-type" content="text/html; charset=UTF-8">
        <meta charset="UTF-8">
        <title>体检表</title>
    </head>
    <body><!---打印开始-->
    <!--startprint-->
    <style>
        #kouqiang td{text-align: center}
        #kouqiang{border-collapse:collapse;}
        #kouqiang tr td{padding:10px 5px;}
    </style>
    <table id="kouqiang" border="1" >
        <tr><td colspan="8">xxx说明</td></tr>
        <tr><td>患者</td><td>张三</td><td>年龄</td><td>88</td><td>性别</td><td>男</td><td>电话</td><td>234234234</td></tr>
        <tr><td rowspan="2">转诊医院</td><td>站前卫生社区服务中心</td><td>转诊医生</td><td colspan="5">xx</td></tr>
        <tr><td>就诊医院</td><td colspan="2">广告</td><td>就诊医生</td><td colspan="1">对对对</td><td>就诊时间</td><td>男</td></tr>
    </table>
    
    <!--endprint-->
    <!---打印结束标签-->
    <div id="prints"> <button onclick="doPrint()" style="50px;height:50px;position: fixed;top:50%;right:10px;cursor:pointer;">打印</button> </div> 
    <script> 
    function doPrint() { 
     bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->";
     prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
     prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
     window.document.body.innerHTML=prnhtml; window.print(); 
    } 
    </script>
     </body> 
    </html>
    

      

  • 相关阅读:
    下载安装Git,学习笔记
    php面试相关整理
    2.5 DQL 分组查询
    2.4 DQL 常见函数
    2.3 DQL 排序查询
    2.2 DQL 条件查询
    2.1 DQL 基础查询
    1.2 MySQL的介绍
    1.1 数据库的相关概念
    2019年JavaEE学习线路
  • 原文地址:https://www.cnblogs.com/wtcl/p/6625780.html
Copyright © 2011-2022 走看看