javascript - 打印网页时如何隐藏输入？

Question

我正在使用下面的脚本：

<script>
function printpage()
{
window.print()
}
</script

用这个来调用它：

<input type="button" value="Print this page" onclick="printpage()" />

但我不知道如何在脚本中插入：

$('input' )
.hide();

这意味着来自打印区域的所有输入都是隐藏的。

有任何想法吗？

Answer 1

您可以通过将媒体类型指定为使用 CSS 来解决此问题print：

  <style type="text/css" media="print">
/*<![CDATA[*/
    input{
        display:none;
    }
  /*]]>*/
  </style>

Answer 2

使用@Media CSS 规则：

@media print {
  input {visibility:hidden;}
}

或者

@media print {
  input {display:none;}
}

这些选项之间的选择取决于您的页面流： display:none 完全删除输入，而 visibility:hidden 只是隐藏它，但它仍然占据它的位置。

你不需要在 JavaScript 中隐藏它。