javascript - 循环打印功能

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

也许该page-break-before属性在这里会有所帮助？您可以使用此属性在不是第一个页面的每个页面之前创建一个新元素。

Answer 2

你正在寻找这样的东西吗？

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();