本文主要和大家分享web页面的单页打印以及批量打印实现方法，希望能帮助到大家。
打印事件：window.print()
1.单页打印（布局打印）：
function printCnt(){
//1.获取当前页的html代码
var body = window.document.body.innerHTML;
//2.要打印的部分（#print里面的内容就是要打印的内容）
window.document.body.innerHTML =document.getElementById("print").innerHTML;
window.print();
window.document.body.innerHTML = body;
//重新载入当前文档:
location.reload();
}
注意：location.reload();要加，因可解决JS window.print()第二次点击事件失效问题2.批量打印
注意点：
(1).控制网页的分页：page-break-after:always
注意：避免在表格、浮动元素、带有边框的块元素中使用分页属性
(2).给每个分页的内容要加一个高度，防止变样
<p id="printcnt"> <p id="page1" style="height：300px;page-break-after:always" >报告单1</p> <p id="page2" style="height：300px;page-break-after:always" >报告单2</p> </p>
（3）如果css的样式没有载入打印中，请加入：var printStr='';
var printHead = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'>" +"<link rel='stylesheet' type='text/css' href='css/printcss.css'></head><body>"; var printCnt='打印的内容'; printStr = printHead + printCnt;
(4).如果使用window.open("showPrint.html","print"); 打印预览页面的话
printStr = printHead + printCnt;
//如果是本地测试，需要先新建Print.html，如果是在域中使用，则不需要
var pwin=window.open("showPrint.html","print");
pwin.document.write(printStr);
pwin.document.close();//这个是必须的
注意：pwin.document.close(); 可以关闭showPrint.html的页面，使其第二次打印的时候不会跳转到showPrint.html相关推荐：
javascript 局部页面打印实现代码_javascript技巧
js或jquery实现页面打印可局部打印_javascript技巧
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
méthode d'ouverture du fichier pkg
Comment insérer des numéros de page dans ppt
La différence entre les fonctions fléchées et les fonctions ordinaires
Quelles sont les performances de php8 ?
minidump.dmp
Utilisation de la fonction fscanf
Comment utiliser fusioncharts.js
Quels sont les systèmes d'exploitation mobiles ?
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
