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

Question

我有一个可以正常工作的 "print this page" 按钮：

<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 文件或将其添加到您的样式 headers 中，就像您对 "a" 元素所做的那样。

CSS 文档的内部看起来像这样：

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

在当前文档中使用 inline-styles 将如下所示：

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

然后将按钮包裹在 no-print class.

<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 文档的特定位置使用非打印按钮

I want to use non-printing buttons at specific locations on an html document

hidden

button

hyperlink