HTML文件打印

最新推荐文章于 2024-05-01 00:06:10 发布

星尘的粉末

最新推荐文章于 2024-05-01 00:06:10 发布

阅读量382

点赞数

分类专栏：文件 html 文章标签： html

本文链接：https://blog.csdn.net/rj_bzd/article/details/121829409

版权

文件同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

html

1 篇文章 0 订阅

订阅专栏

html文件访问直接打印

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>打印</title>
    <link rel="stylesheet" href="__STATIC__/css/staff.css">
    <link rel="stylesheet" href="__STATIC__/layui/css/layui.css">
    <link rel="stylesheet" href="__STATIC__/css/sindex.css">
    <style>
        #jianli{
            width: 100%;
            border:1;
            /*max-width: 1000px;*/
        }
        #jianli tr td{
            border: rgb(169, 169, 169) solid 1px;
        }
        #jianli tr{
            width:100%;
        }
        #jianli td{
            width:12%;
            height: 30px;
            line-height: 30px;
            text-align: center;
        }
        #jianli td span{
            color: red;
        }
        #describe{
            width:1000px;
            height: 98px;
            resize:none;
            border-top:0;
            padding: 5px;
        }
        @media print
        {
            .pageBreak
            {
                page-break-after: always;
            }
            .noPrint
            {
                display: none;
            }
        }
    </style>
</head>
<body>
<!--startprint-->
这个标签里面是打印的东西
第一页
    <!--如果需要强制换页就在上一页的未尾出加上此div-->
<div class="pageBreak">

</div>
第二页
结束
<!--endprint-->
</body>
<script type="text/javascript">
    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>
</html>