javascript - 在某些情况下使用 Javascript 添加分页符

Question

我正在处理 HTML 格式的可打印表单，该表单旨在从数据库应用程序中提取数据并将其显示为配置为打印的网页。我设置了许多表来从数据库中提取各种数据并以可打印的格式显示它们。可打印页数必须始终为偶数，因为页面必须支持双面打印。

我遇到了一个问题，当字段中显示大量数据时，表格会溢出到下一页，从而创建 3 页。我对此的解决方案是在表单底部插入一个分页符以保持偶数页。我正在考虑使用 Javascript 来计算表格的大小并在必要时添加中断。

我现在得到的代码是

<script type="text/javascript">
    var compleHeight= document.getElementById("complete").scrollHeight;
    var incomHeight=document.getElementById("incomplete").scrollHeight;
    var totalHeight= compleHeight+incomHeight;

    if(totalHeight>300)
    {
        var newdiv = document.createElement('div');
        newdiv.setAttribute('style', 'page-break-after:always');
    }
</script>

我知道计算和 if 工作正常，但没有生成分页符。有任何想法吗？

Answer 1

您没有在任何地方附加新创建的元素。

document.body.appendChild(newdiv);