打印页面命令 [重复]

Posted 2023-03-15

【中文标题】打印页面命令 [重复]

【英文标题】：Print Page Command [duplicate]

【发布时间】：2012-12-18 18:36:30

【问题描述】：

可能重复：How do I hide an element when printing a web page?

我在code 下方使用print-- 但如果打印full page。我需要做什么才能打印页面的limited area（在打印按钮区域下方）？

<SCRIPT LANGUAGE="javascript"> 
if (window.print) 
document.write('<form><input type=button name=print value="Print Page"onClick="window.print()"></form>');

</script>

上述脚本工作正常，但仅适用于整个页面。

【问题讨论】：

你明白这是Javascript，不是php，对吧？

使用媒体 css 隐藏您的打印按钮（或您不想打印的其他内容）页面。检查这个***.com/questions/355313/…

您可以添加打印 CSS 来隐藏您不想打印的内容。

您希望 javascript 打印您的页面区域？不可能

@PeeHaa 是吗？我不是故意的。感谢您解决这个问题！

【参考方案1】：

使用 CSS：

@media print
  /* in here hide all elements you dont want printed e.g.:
   * div#header display: none; 
   */

【讨论】：

哦，我明白了。需要把代码放在css和相关的Div中。非常感谢。

是的，所有的打印功能都可以用javascript，但是你需要定义在CSS中打印文档时可见的内容（使用media）标签。

【参考方案2】：

您可以添加@media print css 来隐藏页面上您不想打印的所有元素。您可以将它们设置为 display:none 并且它们不会显示在打印页面上