asp.net - 如何有选择地打印页面上的元素

Question

我有一个只打印页面的一部分的要求。我不能使用 css(media=print) 来执行此操作，因为我不知道页面包含什么。页面中的所有 html 都是动态生成的。

在打印模式下识别的 css 属性也有任何限制。我的许多 css 属性(如背景图像)未应用于生成的预览。

Answer 1

您可以动态创建一个 css 并在您的 html 文档中插入或切换(请参阅 http://docs.jquery.com/Tutorials:5_Quick_jQuery_Tips#Switch_A_Stylesheet)。

你也可以像这样定义一个CSS

<style  type="text/css" media="screen">
    #printableButNotVisible { display:none }
    #visibleButNotPrintable { display:block }
</style>

<style type="text/css" media="print">
    #printableButNotVisible { display:block }
    #visibleButNotPrintable { display:none }
</style>

并向所有需要可打印或可见的元素动态添加类 "printableButNotVisible" 或 "isibleButNotPrintable"。例如，您可以针对 jQuery 执行此操作。

您也可以使用 jqPrint用于打印页面选定部分的插件。