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