html 打印指定区域并去掉页眉、页脚

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>

<head>
   <base href="<%=basePath%>">
    <meta charset="utf-8">
    <title>大量用血审批表</title>
    
</head>
<style type="text/css">  
    
    .al{

    /* table宽度 :210mm,这是A4纸的宽度*/

    width: 210mm;
   
    }

</style>  


 <!-- 打印的样式-->
 <style media="print">
  @page {
   size: auto;
   /* 
    上外边距是 0mm
右外边距是 10mm
下外边距是 0mm
左外边距是 10mm
   */
   margin: 0mm 10mm 0mm 10mm;
  }
 </style>


<body>  
   
<div>


    <div align="center" id="print">
    <!--startprint-->
    <table id="table" cellspacing=0 cellpadding=0 class="al" border="1" style="position: relative;font-size: 18px;">  
    <caption  align="center">
    <br/>
    <h1><strong>大量用血申请表</strong></h1>  
    </caption>
            <caption  >
            <div style="float: left;">
            <label>用血科室:</label>
            <input type="text" name="with_blood_department" value="科室" readonly class="inp2"/>
            </div>
            <div style="float: right;">
            <label>申请日期:</label>
            <fmt:parseDate value="2018-06-06" pattern='yyyy-MM-dd' var="per"/>
            <fmt:formatDate value="${per }" pattern='yyyy年MM月dd日'/>
            </div>
            </caption >
           
        <tr>  
            <th align="center">患者<br/>姓名</th>  
            <td colspan="2" width="20%"> <input type="text" name="patient_name" value="姓名" readonly class="inp cet"/></td>  
            <th align="center" width="10%">性别</th>  
            <td colspan="2" width="8%"> <input type="text" name="gender" value="男" readonly class="inp cet"/></td>  
            <th align="center" width="10%">年龄</th>  
            <td colspan="2" width="8%"> <input type="text" name="age" value="12" readonly class="inp cet"/></td> 
            <th align="center">住院号</th>  
            <td colspan="2" width="25%"> <input type="text" name="hospital_number" value="789456123748" readonly style="border: none;" class="inp cet"/></td>  
        </tr>  
       
    </table>  
    <br/>
    <div class="al" >
    注:1、临床用血超过1600ml(即8U)属于大量用血范围,输血前必须填写此表。<br/>
    2、急症或抢救用血,经医院负责人或经授权的负责人同意后先急救用血,事后请及时填写此表。
    </div>
    <!--endprint-->
    <br/><br/><br/>
    <button type="button" onClick="doPrint()" class="btn" style="outline: none;">打印</button>
    <%String ref = request.getHeader("REFERER");%>
            <button type="button" class="btn" onClick="javascript:window.location='<%=ref%>'" style="outline: none;">
  返回
            </button>
            <br/>
            &nbsp;
    </div>
</div>


    
    <script src="js/jquery.min.js?v=2.1.4"></script>
    
<script>

//打印
function doPrint() {
//document.getElementById("table").style.margin="10px";

bdhtml=window.document.body.innerHTML; //获取当前页的html代码   
    sprnstr="<!--startprint-->"; //设置打印开始区域    
    eprnstr="<!--endprint-->"; //设置打印结束区域 
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html    
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //从结束代码向前取html    
    window.document.body.innerHTML=prnhtml;   //将html代码 放在页面上,方便打印
   
    //打印之前设置IE打印时不打印页眉 、页脚
    if (!!window.ActiveXObject || "ActiveXObject" in window) {
        remove_ie_header_and_footer();
    }
    //打印
    window.print();
    window.document.body.innerHTML=bdhtml; //打印完成后将html代码还原
   
};

       //打印之前设置IE打印时不打印页眉 、页脚
function remove_ie_header_and_footer() {
    var hkey_root, hkey_path, hkey_key;
    hkey_path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
    try {
        var RegWsh = new ActiveXObject("WScript.Shell");
        RegWsh.RegWrite(hkey_path + "header", "");          //设置页眉为空
        RegWsh.RegWrite(hkey_path + "footer", ""); //设置页脚为空
    } catch (e) {}
}
    
    
    </script>
</body>  
</html>  
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq19566/article/details/80692370
个人分类: java js HTML 打印
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭