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>
    

      

  • 相关阅读:
    JVM内存结构
    JVM中的类加载
    数据库索引详解
    Spring IOC 总结
    Java多线程(一)—— 常见问题整理
    Java集合框架 面试问题整理
    Java8 Lambda表达式
    vue开发技巧
    mysql(MariaDB)问题处理
    字符串非空判断的效率问题
  • 原文地址:https://www.cnblogs.com/wtcl/p/6625780.html
Copyright © 2011-2022 走看看