gpt4 book ai didi

javascript - 从硬拷贝中删除打印按钮

转载 作者:行者123 更新时间:2023-11-28 12:35:58 25 4
gpt4 key购买 nike

引用this linkthis ,我使用 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>

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

最佳答案

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

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

详细信息:http://www.w3.org/TR/CSS2/media.html

关于javascript - 从硬拷贝中删除打印按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16960806/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com