JS打印分页 window.print()

491 阅读1分钟

主要设置两行css代码 page-``break``-before: auto; page-``break``-after: always;

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <style>
        .A4 {
            page-break-before: auto;
            page-break-after: always;
        }
    </style>
    <body>
        <div class="A4">第一页</div>
        <div class="A4">第二页</div>
        <input onclick="setPageBreak()" id="biuuu_button" type="button" value="打印"></input> 
    </body>
</html>
<script type="text/javascript">
    function setPageBreak(){
        window.print();
    }
</script>