window.print 长页面打印

原生js老折磨王了

let currentPage = window.document.body.innerHTML;
let printHTML= document.getElementById("main").innerHTML;
window.document.body.innerHTML = printHTML;
// 这里可设置点css来排版
window.print();
// 打印完毕 记得还原css
window.document.body.innerHTML = currentPage;

如上
1、取当前页面currentPage存起来，待打印完后还原页面
2、取要打印的DOM，本例中是ID为main的DOM
3、用main的HTML替换掉window的HTML
4、打印
5、打印完成后还原

可在打印前进行排版，如设置margin、padding之类的，打印完毕后还原即可。

window.print 长页面打印相关推荐

window.print() 前端页面打印与预览PDF
window.print()打印是浏览器自带的打印,实现原理是将html转换为pdf可以在线预览打印或者导出pdf,在任何网页上可通过Ctil+p快捷键调出浏览器打印程序,它可将整个网页打印出来,在我 ...
window.print()前端实现打印功能
方法介绍 window.print()方法用于打印当前窗口的内容. 默认打印页面中body里的所有内容. 调用 print() 方法会产生一个打印预览弹框,让用户可以设置打印配置. 1. 打印方法 1 ...
使用 Window print() 方法实现打印文件
前言:今天得到一个需求就是把一些wode文档中的表格,去根据数据填充,然后调用打印机进行打印出来在这个需求下来的时候,其实第一时间就想的是,使用JAVA代码对wode文档进行操作,然后调用打印机去 ...
window.print()实现局部打印及遇到的问题
window.print()实现局部打印及遇到的问题公司的一个后台管理系统需要实现打印一个签收单,我选择用window.print()实现打印,但是遇到了一些问题:需求实现的效果: 打印时需要隐藏顶 ...
使用window.print()方法分页打印
使用window.print()方法分页打印只需要在每页中增加以下样式属性 style="page-break-after:always" 例如 <div style=&q ...
window.print()方法实现打印功能，多出一张空白页
项目内需要实现一个打印的功能,用了window.print()方法,但是在打印的时候总是多出一张空白页,偶然搜到了一篇文章,(https://blog.csdn.net/web_houzhanguo/ ...
window.print()；html 打印之 print.js
插件地址:Print.js - Javascript library for HTML elements, PDF and image files printing. 最近顾客需要把html打印,用w ...
window.print()进入到打印预览界面后无法进行布局和纸张选择等设置的原因及解决方法
做一个网页打印的功能,打印出网页某一部分的内容,使用的window.print()区打印,打印的过程中发现打印预览时没办法进行布局和纸张等的设置.如下图,图一为正常情况可设置相关配置,图二为我遇到的情 ...
window.print()实现分页打印
第一种方法:字符串拼接的方式表头在style中填写样式 var printStr = "<html><head><meta http-equiv='Conte ...

window.print 长页面打印

window.print 长页面打印相关推荐

最新文章

热门文章