打印网页时出现java_打印网页时如何隐藏元素？

我的网页上有一个链接可以打印该网页。 但是，该链接在打印输出本身中也是可见的。

单击打印链接时，是否存在会隐藏链接按钮的JavaScript或HTML代码？

例：

"Good Evening"

Print (click Here To Print)

我要在打印文本“ Good Evening”时隐藏该“打印”标签。 “打印”标签不应显示在打印输出本身上。

#1楼

CSS文件

@media print

{

#pager,

form,

.no-print

{

display: none !important;

height: 0;

}

.no-print, .no-print *{

display: none !important;

height: 0;

}

}

HTML标题

元件

#2楼

您可以将链接放置在div中，然后在锚点标记上使用JavaScript来在单击时隐藏div。 示例(未经测试，可能需要调整，但您明白了)：

οnclick="document.getElementById('printOption').style.visibility = 'hidden';

document.print();

return true;">

Print

缺点是，一旦单击该按钮，该按钮就会消失，并且在页面上将丢失该选项(尽管始终为Ctrl + P)。

更好的解决方案是创建一个打印样式表，并在该样式表中指定printOption ID(或任何您称之为的名称)的隐藏状态。 您可以在HTML的开头部分执行此操作，并使用media属性指定第二个样式表。

#3楼

最佳实践是使用专门用于打印的样式表 ，并将其media属性设置为print 。

在其中，显示/隐藏要在纸上打印的元素。

#4楼

在样式表中添加：

@media print

{

.no-print, .no-print *

{

display: none !important;

}

}

然后在您不想显示在打印版本中的HTML中添加class='no-print' (或将no-print类添加到现有的class语句中)，例如按钮。

#5楼

最好的办法是创建页面的“仅打印”版本。

哦，等等...这已经不是1999年了。 使用带有“显示：无”的打印CSS。