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

在项目开发过程中,需对表单进行打印,可先将表单页面平铺到页面,即打印预览的效果。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();
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Web网站测试流程和方法(转载) 1测试流程与方法 1.1测试流程 进行正式测试之前,应先确定如何开展测试,不可盲...
    夏了夏夏夏天阅读 5,092评论 0 0
  • 打印是我们工作日常操作之一,我们对于肯定熟悉吗?不见得,也许它对你来说正是个熟悉的陌生人,今天我们就一起了解一下E...
    我爱极客阅读 4,857评论 0 1
  • 亲爱的七七,现在你已经睡着了,妈妈给你写完信也准备睡了。 前几天妈妈跟你爷爷聊天的时候,问你爷爷愿不愿...
    七七妈妈Hellen阅读 3,287评论 2 5
  • 你不想要的,时间会一直塞给你 你不想承认的,时间会逼迫你 你不想明白的,时间会教给你 有些人,你总会认清的 有些事...
    花小又阅读 1,837评论 4 11
  • 蓝天 白云 碧水 陌上 放飞一只多情的纸鸢 至山峦雾起处为你起舞 我眯眼丈量 许是再一米 就一米 便能如我般调皮的...
    陌诺流年阅读 3,647评论 35 37

友情链接更多精彩内容