我有一个链接在我的网页打印网页。但是，在打印输出本身中也可以看到该链接。
是否有javascript或HTML代码，将隐藏链接按钮时，我点击打印链接?
例子:
"Good Evening"
Print (click Here To Print)
我想在打印文本“Good Evening”时隐藏这个“Print”标签。“打印”标签不应该显示在打印输出本身上。
当前回答
最好的方法是创建页面的“仅打印”版本。
哦,等等…现在已经不是1999年了。使用带有“display: none”的打印CSS。
其他回答
您可以将链接放在一个div中，然后在单击时在锚标记上使用JavaScript来隐藏div。示例(未测试，可能需要调整，但你知道的):
<div id="printOption">
<a href="javascript:void();"
onclick="document.getElementById('printOption').style.visibility = 'hidden';
document.print();
return true;">
Print
</a>
</div>
缺点是，一旦点击，按钮就会消失，页面上也就失去了该选项(尽管总是有Ctrl+P)。
更好的解决方案是创建一个打印样式表，并在该样式表中指定printOption ID(或其他名称)的隐藏状态。您可以在HTML的头部部分执行此操作，并使用media属性指定第二个样式表。
diodus所接受的答案对我们中的一些人甚至所有人都不起作用。 我还是无法隐藏我的“打印这个按钮”，不让它印在纸上。
克林特Pachl通过添加调用css文件的小调整
media="screen, print"
不仅仅是
media="screen"
就是解决这个问题。所以为了清晰起见，因为不容易看到克林特·帕切尔在评论中隐藏了额外的帮助。 用户应该在css文件中包含所需格式的“，print”。
<link rel="stylesheet" href="my_cssfile.css" media="screen, print"type="text/css">
而不是默认的media = "screen"。
<link rel="stylesheet" href="my_cssfile.css" media="screen" type="text/css">
我认为这解决了所有人的问题。
最佳实践是使用专门用于打印的样式表，并将其媒体属性设置为print。
在其中，显示/隐藏你想打印在纸上的元素。
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
@media print { .no-print { 可见性:隐藏; ｝ ｝ < div class = " no-print”> 不 < / div > < div > 是的 < / div >
CSS文件
@media print
{
#pager,
form,
.no-print
{
display: none !important;
height: 0;
}
.no-print, .no-print *{
display: none !important;
height: 0;
}
}
HTML头
<link href="/theme/css/ui/ui.print.css?version=x.x.x" media="print" rel="stylesheet" type="text/css" >
元素
<div class="no-print"></div>
