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

是否有javascript或HTML代码,将隐藏链接按钮时,我点击打印链接?

例子:

 "Good Evening"
 Print (click Here To Print)

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


当前回答

如果Javascript干扰了单个元素的style属性,从而重写了!important,我建议在打印前和打印后处理事件。https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeprint

其他回答

@media print { .no-print { 可见性:隐藏; } } < div class = " no-print”> 不 < / div > < div > 是的 < / div >

这里有一个简单的解决办法 放这个CSS

@media print{
   .noprint{
       display:none;
   }
}

这是HTML

<div class="noprint">
    element that need to be hidden when printing
</div>

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

哦,等等…现在已经不是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">

我认为这解决了所有人的问题。