jsp调用浏览器打印解决出现页眉页脚和按钮问题

最新推荐文章于 2021-06-18 12:03:34 发布

Jedan_Chao

最新推荐文章于 2021-06-18 12:03:34 发布

阅读量1.9k

点赞数 1

分类专栏： jsp打印文章标签： jsp调用浏览器打印 jsp打印去掉页眉页脚打印jsp隐藏按钮解决页眉页脚 js打印去除页眉页脚

本文链接：https://blog.csdn.net/Chao_Kj/article/details/80775643

版权

jsp打印专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>

Jedan_Chao

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jsp调用浏览器打印解决出现页眉页脚和按钮问题

1.jsp调用浏览器打印时出现页眉页脚：先看问题：解决办法：把此段代码复制到打印的页面 &lt;style media="print"&gt; /*去除页眉页脚*/ @page { size: auto; margin: 0mm; ...
复制链接

扫一扫