mps*_*hat 0 javascript printing button hide show-hide
<!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