html window.print()实现打印指定内容指定内容,并排除需要忽略的内容
要实现使用window.print()
打印指定内容,并排除不需要打印的部分,可以通过CSS来控制。在打印样式表(media="print")中,可以设置不显示的样式,例如:display: none;
。
以下是一个简单的例子:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Print Specific Content</title>
<style>
@media print {
.no-print {
display: none;
}
}
</style>
</head>
<body>
<div>
<h1>This content will be printed</h1>
<div class="no-print">This content will not be printed</div>
</div>
<button onclick="window.print();">Print</button>
</body>
</html>
在上面的代码中,当用户点击按钮时,页面将触发打印操作。.no-print
类在打印样式表中设置为不显示,因此它不会出现在打印预览和打印出的文档中。其他需要打印的内容将正常显示。
评论已关闭