循环打印函数

Question

如果qtytxt的值为4，则会在1个打印页上生成以下内容。

​

​

下面的代码就是这样做的。

 report = "";
    for (i = 0; i < document.getElementById("qtytxt").value; i++) {
    report += "ID: " + document.getElementById("generateidtxt").value + "-" + (i + 1) + "<br>";
    }
    document.write(report);
    window.print();

是否有一种方法可以创建一个数组或另一个循环，以便将第一个ID打印在单独的页面上，然后将第二个ID打印在新页面上，依此类推？因此，如果qtytxt的值是6，它将生成6个id，末尾的数字为1-6。我希望每个ID都提示我在它自己的单独页面上打印，总共6页。

Answer 1

像这样的东西是你要找的吗？

report = "";
var max = document.getElementById("qtytxt").value;
for (i = 0; i < max; i++) {
    report += "ID: " + 
        document.getElementById("generateidtxt").value + 
        "-" + 
        (i + 1) + 
        (i < (max - 1) ?
        "<div style='page-break-after:always'></div>" : "");
}
document.write(report);
window.print();

Answer 2

也许page-break-before属性在这里会有好处？您可以使用此属性在每个非第一个页面之前创建一个新元素。