1.示例代码:
var isok = 0;
var mknum =0;
var ym = 1;
$(".class0").each(function () {
mknum=mknum+1;
var num = $(this).find(".class1").length;
if(num>24){//模块超过24个
var i =0;
$(this).find(".class1").each(function(){
if(i%24==0&&i>0&&i<num){ //24个分页
$(this).after("<div style='page-break-after:always;text-align:center;'>------第"+ym+"页------</div>");
ym = ym+1;
}
i=i+1;
});
}
if(mknum>1){//模块分页
$(this).before("<div style='page-break-after:always;text-align:center;'>-------第"+ym+"页------</div>");
ym=ym+1;
}
isok = isok+1;
});
$('#idt').append("<div style='text-align:center;'>-------第"+ym+"页------</div>");
if(isok==$(".class0").length){
try {
window.print();
} catch (e) {
window.close();
}finally{
window.close();
}
}
2.说明:1)在需要分页的位置加样式 style='page-break-after:always;";
2)网页预览时需要正确排版,特别注意宽度,针对自适应的前端框架。
3)打印时 边距设置为无。

本文提供了一段JavaScript代码示例,用于实现网页在打印时的自动分页功能。通过计算每个模块的元素数量,当数量超过设定阈值时,自动插入分页符,确保打印效果整洁有序。适用于需要打印长页面或复杂布局的场景。
2094

被折叠的 条评论
为什么被折叠?



