1.jsp调用 浏览器打印时出现页眉页脚:
先看问题:
解决办法:
把此段代码复制到打印的页面
<style media="print">
/*去除页眉页脚*/
@page {
size: auto;
margin: 0mm;
}
</style>
出现按钮的解决办法:
添加以下代码:
<style media="print">
#div3 {
display: none /* #div3 选择此层div 选择不打印的位置*/
}
</style>
解决思路:用css样式控制div层不显示
<body>
<div class="form-group" id="div3">
<input type="button" onclick="printInformation()" value="打印">
</div>
</body>
附上全部代码:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/jsp/inc/jstl.jsp" %>
<!DOCTYPE html>
<head>
<title>测试打印功能</title>
<script type="text/javascript">
function printInformation() {
/*调用浏览器打印*/
window.print();
}
</script>
<style media="print">
/*去掉页眉页脚*/
@page {
size: auto;
margin: 0mm;
}
</style>
<style media="print">
#div3 {
display: none /*#div3 选择此层div 打印时隐藏*/
}
</style>
</head>
<body>
<form class="form-horizontal" action="" id="archiveLoanForm">
<div style="text-align: center;">
<label>打印信息</label>
<div>
<input type="text" name="address" placeholder="打印信息">
</div>
</div>
<div class="form-group" id="div3">
<div style="text-align: center;">
<input type="button" onclick="printInformation()" value="打印">
</div>
</div>
</form>
</body>
</html>