js 调用window.print()方法打印

目的：打印功能实现，添加水印

步骤：

    1.写好jsp页面

    2.写打印方法

        即window.print()打印当前页面，如果只想打印部分页面的话，可以截取该部分赋值给body即可

    3.调用打印方法即可

遇到的问题：水印无法打印

    刚开始将水印图片赋值给背景图片，即background-image。但是一直无法打印，网上搜了一些人的方案，都无法实现

    1.第一个说勾选打印背景图片即可

结果无效。

    2.第二个方法是说可能图片未加载出来即调用了打印方法，会导致无法打印出图片

        验证方法：我将打印方法手动调用，打印方法改为全局打印（PS：害怕给body赋值的话导致需要重新加载图片），等确认好有图片的时候按下打印方法，结果无效

  3.给样式添加@media

    @media print{#Pay{background-image:url}} 同样无法打印图片

  解决方法：既然无法打印，我就将图片放到img中，利用绝对定位将其放置在需要打印的div上

  结果：实现了打印功能

  备注：通往成功的路不止一条，该换的时候还是要换的。

jsp部分

付款申请表
应付款情况说明：${pay.notes }
合同名称
${pay.reason }
合同编号
${pay.projectNum }
合同总金额（元）
元
合同签署时间
本次应付款金额
元
本次最晚付款时间
申请人
${pay.createBy.name}
申请日期
审批人职位
审批人
审批时间
审批意见
${hlist.name}
${hlist.assignee}
${fn:substring(hlist.endTime,0,19)}
${hlist.message}

 打 印

js部分

打印效果

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！