在 HTML 中实现页面打印功能可以通过使用 JavaScript 中的 window.print() 方法来实现。该方法会弹出打印对话框,让用户选择打印机和打印设置。以下是实现页面打印功能的步骤:
<button onclick="window.print()">打印</button>
function printPage() {
window.print();
}
<button onclick="printPage()">打印</button>
@media print {
/* 隐藏某些元素 */
.no-print {
display: none;
}
/* 调整布局 */
.print-layout {
width: 100%;
margin: 0;
}
}
这样,在打印时,只有带有 print-layout 类的元素会被打印出来,而带有 no-print 类的元素会被隐藏。