文章/答案/技术大牛

发布

社区首页 >问答首页 >从硬拷贝中删除打印按钮

问从硬拷贝中删除打印按钮
EN

Stack Overflow用户

提问于 2013-06-06 19:19:59

回答 2查看 7.2K关注 0票数 1

参考this link和this，我使用javascript打印一个报告，如下所示

 <!DOCTYPE html>
<html>
<head>
<script>
function printpage()
{
var data = 'Sample Report<br />Sample Report<br />Sample Report<br />';
    var data = data+'<br/><button onclick="window.print()">Print the Report</button>';       
    myWindow=window.open('','','width=800,height=600');
    myWindow.innerWidth = screen.width;
    myWindow.innerHeight = screen.height;
    myWindow.screenX = 0;
    myWindow.screenY = 0;
    myWindow.document.write(data);
    myWindow.focus();
}
</script>
</head>
<body>

<input type="button" value="Print Preview" onclick="printpage()" />

</body>
</html>

但打印后，打印按钮仍保留在硬拷贝上。那么如何在使用上述功能打印时隐藏硬拷贝中的打印按钮呢？

javascript

button

printing

hide

show-hide

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-06-06 19:24:43

给你的按钮一个类，例如class="noprint"。然后将打印媒体的样式表添加到CSS：

@media print {
  /* style sheet for print goes here */
  .noprint {
    visibility: hidden;
  }
}

详情：http://www.w3.org/TR/CSS2/media.html

票数 7

Stack Overflow用户

发布于 2017-02-12 22:43:58

在给print按钮分配id后，我用下面的css解决了这个问题。

<style type="text/css">
@media print {
    #myPrntbtn {
        display :  none;
    }
}
</style>

我的按钮如下所示。

<input id ="myPrntbtn" type="button" value="Print" onclick="window.print();" >

此外，您还可以通过以下操作运行javascript函数...

使用window.print();

Again

back

隐藏按钮并打印页面

一段代码..。

<script type="text/javascript">
    function printMyPage() {
        //Get the print button
        var printButton = document.getElementById("myPrntbtn");
        //Hide the print button 
        printButton.style.visibility = 'hidden';
        //Print the page content
        window.print()
        //Show back the print button on web page 
        printButton.style.visibility = 'visible';
    }
</script>

参考Hide Print button while printing a web page

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16960806

复制

相似问题

问从硬拷贝中删除打印按钮
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从硬拷贝中删除打印按钮EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问从硬拷贝中删除打印按钮
EN