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

Question

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

以下是打印屏幕图像，我想在新页面上显示条款和条件，目前它显示在同一页面上取决于账单内容。我是新来的这个任何帮助将不胜感激。谢谢提前< / p>

编辑： -

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

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

                });


            });
    </script>

Answer 1

不知道它有多广泛支持

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

或在javascript中

*object*.style.pageBreakAfter="always"

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

Answer 2

将一个类放入样式表。

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

提出你的条款＆amp;将内容条件转换为div并将此类赋予此div

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

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