如何在 javascript 打印功能中删除 <a href 链接>答案

【问题标题】：How to remove <a href link> at javascript print function如何在 javascript 打印功能中删除 <a href 链接>
【发布时间】：2016-11-29 04:44:04
【问题描述】：

如何去掉 Javascript 的打印功能？以下是单击打印按钮之前的查看页面（触发打印功能之前）

点击打印按钮后查看页面（触发打印功能后）

我想从下面显示的编辑和删除按钮中删除链接（url）..

Javascript 函数

function printDiv(divName)
{
    var printContents = document.getElementById(divName).innerHTML;
    var originalContents = document.body.innerHTML;
    document.body.innerHTML = printContents;
    window.print();
    document.body.innerHTML = originalContents;
}

【问题讨论】：

点击打印按钮时是否有javascript代码？如果有，您可以发布吗？

标签： javascript printing

【解决方案1】：

最简单的方法是向它们添加一个 css 类，然后创建一个用于打印的媒体查询（如果您还没有）并隐藏它们。

例如：

<a class="hide-for-print">Edit</a>
<a class="hide-for-print">Remove</a>

然后在你的样式文件中添加：

@media print { 
   /* All your print styles go here */
   .hide-for-print { display: none !important; } 
}

当然你可以按元素来做，但你可能不想在打印时隐藏所有标签。

【讨论】：

我用过....和风格但它不工作

【解决方案2】：

这样，你去打印的时候会隐藏href

@media print{
    a[href]:after { display:none; }
}

【讨论】：