Question

我有一个“打印此页面”按钮，工作正常：

<a style="top:-40;left: 375;position:absolute;z-index:5000;">
<script>
document.write("<input type='button' " +
"onClick='window.print()' " +
"class='printbutton' " +
"value='Print This Page'/>");
</script>
</a>

这正是我想要的地方，并没有在印刷品上显示。

我有几个跳转到其他页面的导航按钮：

<button style="position:absolute;top:1050px;left:-105px;z-index:5000;"> 
<a href="file:///C:/Users/jack/L-161%20Project/Rebuild/book/L-161%20Cover.html" target= "blank">Home</button></a>

这些工作正常，但他们打印。

如何使它们不像打印按钮那样打印？我已经尝试了几种修改打印按钮脚本的变体，但还没有找到正确的组合。

建议肯定赞赏。请非常具体，因为我很早就知道了。

Answer 1

你可以像建议here那样做。

将此文件放入CSS文件中，或将其添加到样式标题中，就像使用“a”元素一样。

CSS文档中的

将如下所示：

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

在当前文档中使用内联样式将如下所示：

<style>
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}
</style>

然后将您的按钮包裹在无印刷类中。

<div-class="no-print">    
<button style="position:absolute;top:1050px;left:-105px;z-index:5000;"> 
<a href="file:///C:/Users/jack/L-161%20Project/Rebuild/book/L-161%20Cover.html" target= "blank">Home</button></a>
</div>

我想在html文档的特定位置使用非打印按钮

1 个答案: