打印Html页面自动分页

最新推荐文章于 2024-08-21 08:54:13 发布

原谅我一生不羁

最新推荐文章于 2024-08-21 08:54:13 发布

阅读量3.6k

点赞数

分类专栏：前端文章标签：打印 html word 换行表格

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在想要分页的地方添加一行代码即可

<div style="page-break-after: always;"></div>

添加后用chrome浏览器用js代码调用打印

function preview()
    {
        bdhtml=window.document.body.innerHTML;//获取当前页的html代码
        sprnstr="<!--startprint-->";//设置打印开始区域
        eprnstr="<!--endprint-->";//设置打印结束区域
        prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
        window.document.body.innerHTML=prnhtml;
        window.print();
        window.document.body.innerHTML=bdhtml;
    }

看看是否出现了你想要的分页效果。