JS+css实现条码的连续打印

1. 根据规则生成指定数量的条码

2.通过js创建iframe，并将地址连接到要打印的页面，js代码如下

var iframe = document.createElement("iframe");

iframe.src = url;

if (iframe.attachEvent){
    iframe.attachEvent("onload", function(){
        this.contentWindow.print();
    });
} else {
    iframe.onload = function(){
        this.contentWindow.print();
    };
}
	            	
document.body.appendChild(iframe);

3.打印的页面循环条码，在该页面增加如下css

 

<style>
@media print{.page-break  { display:block; page-break-before:always; }}
</style>

并循环条码，每一页之间添加类page-break，如下：

qqweqe
<div class="page-break"></div>
asdadasds
<div class="page-break"></div>
asdadasds
<div class="page-break"></div>
asdadasds