打印页面命令 [重复]答案

【问题标题】：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 隐藏您的打印按钮（或您不想打印的其他内容）页面。检查这个stackoverflow.com/questions/355313/…
您可以添加打印 CSS 来隐藏您不想打印的内容。
您希望 javascript 打印您的页面区域？不可能
@PeeHaa 是吗？我不是故意的。感谢您解决这个问题！

标签： javascript

【解决方案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 并且它们不会显示在打印页面上

【讨论】：