chrome 通过样式实现打印分页

             

              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                                 $(this).after("

------第"+ym+"页------
");
                                ym = ym+1;
                            } 
                            i=i+1;
                        }); 
                    } 
                    if(mknum>1){//模块分页
                        $(this).before("
-------第"+ym+"页------
");
                        ym=ym+1;
                    }
                    isok = isok+1;
                });
                $('#idt').append("
-------第"+ym+"页------
");
                if(isok==$(".class0").length){
                    try {
                        window.print();
                    } catch (e) {
                         window.close(); 
                    }finally{
                         window.close(); 
                    }
                    
                    
                } 

2.说明:1)在需要分页的位置加样式 style='page-break-after:always;";

             2)网页预览时需要正确排版,特别注意宽度,针对自适应的前端框架。

             3)打印时 边距设置为无。

你可能感兴趣的:(web前端,web)