使用 Javascript 打印多个页面

Question

我有一个网站，用户可以在其中单击阅读更多按钮，以便他们可以查看页面上的其余信息。我很好奇如何才能让用户不必单独打印每一页。我希望能够做到这一点，这样我就可以拥有一个打印相关页面的脚本。任何人都可以帮助我并指出正确的方向，我们将不胜感激。我需要此功能才能在所有浏览器中使用。

谢谢

原文由 Camrin Parnell 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您需要做的是使用媒体样式的样式表。它基本上就像有两个单独的样式表；一份用于打印，一份用于查看。为了保持带宽保守，在发出请求之前将 printarea 留空。在请求事件中填写 printarea 以及您要做的整个打印。我建议您查看 jQuery 及其负载和 ajax 请求。

 @media screen
    {
    #screenarea
        {
        display: block;
        }
    #printarea
        {
        display: none;
        }
    }
@media print
    {
    #screenarea
        {
        display: none;
        }
    #printarea
        {
        display: block;
        }
    }

原文由 Jay Tomten 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

在将所有内容放在一个网页中（使用注入或服务器进程）后，格式化页面使用 @media print 的 CSS 属性，例如：

 @media print {
    h1 {page-break-before: always;}
}

其他属性是“page-break-after”和“page-break-inside”，后者有助于避免内容内部中断。

原文由 senortim 发布，翻译遵循 CC BY-SA 3.0 许可协议