一些内容应该使用 window.print 在新页面上打印

Question

我正在做一个项目，我想打印账单。它运行成功，但现在我想在新页面上打印特定内容。

以下是打印屏幕图像，我想始终在新页面上显示条款和条件，目前它显示在同一页面上取决于账单内容。我是新手，任何帮助将不胜感激。提前致谢

编辑：-

<script type="text/javascript">
            $(document).ready(function (){  

                $('.printpreview').click(function()
                {
                    $('.printpreview').hide()
                    window.print();

                });


            });
    </script>

Answer 1

将一个类变成样式表。

.printbreak {
page-break-before: always;
}

将您的条款和条件内容放入 div 并将这个类交给这个 div

<div class="printbreak">
//terms & condition
</div>

如果您想了解更多信息，请查看http://coding.smashingmagazine.com/2011/11/24/how-to-set-up-a-print-style-sheet/

Answer 2

不知道支持的范围有多大

@media print { table {page-break-after:always}}

或在 javascript 中

*object*.style.pageBreakAfter="always"

更多信息可以在on sitepoint's css page找到！