代码之家  ›  专栏  ›  技术社区  ›  Vinay B R

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

  •  1
  • Vinay B R  · 技术社区  · 14 年前

    我要求只打印一页的一部分。我不能用CSS(media=print)来完成这项工作,因为我不知道页面包含什么内容。页面中的所有HTML都是动态生成的。

    此外,在打印模式下识别的CSS属性是否有任何限制。我的许多CSS属性(如背景图像)没有应用于生成的预览。

    1 回复  |  直到 14 年前
        1
  •  1
  •   Oleg    14 年前

    您可以动态创建一个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 打印页面所选部分的插件。