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

时间:2012-06-11 13:58:24

标签: javascript css printing-web-page

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

我遇到的问题是,当字段中显示大量数据时,表格会溢出到下一页,从而创建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工作正常,但是没有生成分页符。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

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

document.body.appendChild(newdiv);