让前端飞

javascript用简单的方式打印当前页面

2019-10-27  本文已影响0人  冷态度0817

在项目开发过程中,需对表单进行打印,可先将表单页面平铺到页面,即打印预览的效果。css设置

/*media="print",打印时启用该样式*/
<style type="text/css" media="print">
    body {
        padding-top: 0;
    }
    /*隐藏头部底部不进行打印*/
    .formFooter .page-head {
        display: none;
    }
    /*在元素后插入分页符*/
    .nextPage {
        page-break-after: always;
    }
</style>

在每个分页的地方添加以下元素,强制添加分页符,打印新开一个页面

<div class="nextPage"></div>

打印事件

/**
* 打印页面
**/
function print() {
    window.print();
}
上一篇 下一篇

猜你喜欢

热点阅读