Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vb.net/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript HTML另存为PDF 2页_Javascript_Html_Pdf - Fatal编程技术网

Javascript HTML另存为PDF 2页

Javascript HTML另存为PDF 2页,javascript,html,pdf,Javascript,Html,Pdf,我有一个按钮将我的html打印为PDF。问题是我需要把它打印成两页。不同的浏览器把它搞砸了,无法正确打印第二页。如何使用我的代码指定第2页 函数printPageArea(areaID){ var printContent=document.getElementById(areaID); var WinPrint=window.open('','宽度=830,高度=792'); WinPrint.document.write(printContent.innerHTML); WinPrint.

我有一个按钮将我的html打印为PDF。问题是我需要把它打印成两页。不同的浏览器把它搞砸了,无法正确打印第二页。如何使用我的代码指定第2页

函数printPageArea(areaID){
var printContent=document.getElementById(areaID);
var WinPrint=window.open('','宽度=830,高度=792');
WinPrint.document.write(printContent.innerHTML);
WinPrint.document.close();
WinPrint.focus();
print.print();
WinPrint.close();
}

第一页
第二页

我认为您需要在css中使用
@media print

下面是一些链接


我认为您需要在css中使用
@media print

下面是一些链接


您可以使用
前分页符
后分页符
分别在元素之前或之后插入分页符

@media print {
    .page-two {
        page-break-before: always;
    }
}

您可以使用
分页符之前
分页符之后
分别在元素之前或之后插入分页符

@media print {
    .page-two {
        page-break-before: always;
    }
}

您已指定硬编码的高度和宽度以打开窗口。您已指定硬编码的高度和宽度以打开窗口。