如何选择性地在页面上打印元素

Question

我要求只打印部分页面。我无法使用css（media = print）来执行此操作，因为我不知道页面包含的内容。页面中的所有html都是动态生成的。

对打印模式中识别的css属性也有任何限制。我的许多css属性（如background-image）都不会应用于生成的预览。

Answer 1

您可以在html文档中动态创建css并插入或切换（请参阅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插件打印页面的选定部分。