使用javascript在两个不同的页面上打印

我有两个文本，我想将它们打印在两个不同的页面上，这就是我目前所做的：

按钮打印：

<button onclick="javascript : CallPrint('idText1','idText2')" type="button">Print</button>

<script language="javascript" type="text/javascript">
    function CallPrint(firstText,secondText) {
        var firstContent = document.getElementById(firstText);
        var secondContent = document.getElementById(secondText);
        var WinPrint = window.open('', '', 'letf=0,top=0,width=1200,height=750,toolbar=0,scrollbars=0,status=0,dir=ltr');
        WinPrint.document.write(firstContent.innerHTML);
        WinPrint.document.write(secondContent.innerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
    }
</script>

打印

调用打印JavaScript方法：

<button onclick="javascript : CallPrint('idText1','idText2')" type="button">Print</button>

<script language="javascript" type="text/javascript">
    function CallPrint(firstText,secondText) {
        var firstContent = document.getElementById(firstText);
        var secondContent = document.getElementById(secondText);
        var WinPrint = window.open('', '', 'letf=0,top=0,width=1200,height=750,toolbar=0,scrollbars=0,status=0,dir=ltr');
        WinPrint.document.write(firstContent.innerHTML);
        WinPrint.document.write(secondContent.innerHTML);
        WinPrint.document.close();
        WinPrint.focus();
        WinPrint.print();
        WinPrint.close();
    }
</script>

函数调用打印（第一个文本，第二个文本）{
var firstContent=document.getElementById（firstText）；
var secondContent=document.getElementById（secondText）；
var WinPrint=window.open（“”，’letf=0，top=0，width=1200，height=750，toolbar=0，scrollbars=0，status=0，dir=ltr'）；
WinPrint.document.write（firstContent.innerHTML）；
WinPrint.document.write（secondContent.innerHTML）；
WinPrint.document.close（）；
WinPrint.focus（）；
print.print（）；
WinPrint.close（）；
}

---

问题是，它们被一个接一个地打印出来。如何在两个不同的页面上分离它们（不使用br标记）。如果不可能，我想知道是否可以显示两个打印窗口而不是一个。

您必须在函数中打开两个窗口才能将两个文件中的内容分开

function CallPrint(firstText,secondText) {
        var firstContent = document.getElementById(firstText);
        var secondContent = document.getElementById(secondText);
        var WinPrint = window.open('', '', 'letf=0,top=0,width=1200,height=750,toolbar=0,scrollbars=0,status=0,dir=ltr');
        WinPrint.document.write(firstContent.innerHTML);
        var WinPrint2 = window.open('', '', 'letf=0,top=0,width=1200,height=750,toolbar=0,scrollbars=0,status=0,dir=ltr');
        WinPrint2.document.write(secondContent.innerHTML);

---

在以下两个文本之间添加一个空段落，并在：始终样式后加上

分页符：

WinPrint.document.write(firstContent.innerHTML);
WinPrint.document.write('<p style="page-break-after:always;"></p>');
WinPrint.document.write(secondContent.innerHTML);

WinPrint.document.write（firstContent.innerHTML）；
WinPrint.document.write（“
”；
WinPrint.document.write（secondContent.innerHTML）；

要将它们分隔在两个不同的页面上
-请查看
css属性中的
分页符后分页符后分页符前分页符，并将它们放入@print css规则中。这里有一些组合，您可以强制和元素始终启动一个新页面。它不起作用我已经尝试过了，我遇到了一个异常：无法读取未定义的属性“document”