Javascript 如何从刚输入的输入字段在每页上打印发票号

我有一张发票（以HTML格式生成），用户在其中输入表单字段“InvoiceNo”，然后打印发票（即打印在纸上）

这很好，但发票现在进入第二页

我已经用CSS和HTML完成了分页符：

.pagebreak { page-break-after: always; } 

&

但是我不知道怎么把发票放到第二页。 我试过：

<form>Invoice No: <input type="input" name="Invoice_No" id="Invoice_No" onblur="getInvoiceNo()" />  <!-- nb onblur is opposite of onfocus -->

<script>
function getInvoiceNo() { 
    var Invoice_No = document.getElementById('Invoice_No').value;
}
<script>

发票编号：
函数getInvoiceNo（）{
var发票号=document.getElementById（“发票号”）.value；
}

然后在第二页

<script>
document.write( Invoice_No + "XXX" );   /* xxx are for testing if its outputting*/
<script>

文件。填写（发票号+“XXX”）；/*xxx用于测试其输出是否正确*/

但它不起作用-（应该怎样做

---

PS我没有访问PHP的权限，因为发票是Shopify（一个eShop）环境的一部分。

根据我所看到的，我认为您的JavaScript遇到了范围问题。如果您在函数中声明了一个变量，您无法在其他地方访问该变量，而不使其成为全局变量（请不要这样做，因为这是一种不好的做法），使其成为对象属性，或将其作为参数传递。我不知道发票中有多少页，但如果总是2页，您可能希望在第二页上创建一个输入文本框，并让函数修改该输入文本框的值，而不是将值存储到变量中。我还建议使用JavaScript库喜欢jQuery以避免跨浏览器问题。

澄清：整个发票内容都在一个网页上。打印时，它现在可以扩展到两（A4）个打印页面，发票编号必须出现在两个页面上。我将尝试修改第二个输入框。Tks（但我还不知道为什么这是解决方案时间）（&testing）将需要通过；-）因此请让我知道该解决方案是否适用于您。：-）至于我认为此解决方案有效的原因是，在您上面粘贴的代码中，Invoice_No是一个只能在函数getInvoiceNo（）中看到的变量。当您尝试使用它时，您不再在函数中。此外，您没有正确关闭脚本标记。

<script>
document.write( Invoice_No + "XXX" );   /* xxx are for testing if its outputting*/
<script>