有几种方法可以设置网页不打印出来:

1. CSS 代码设置:
在 CSS 中添加以下代码可以隐藏网页上不需要打印的元素:
css
@media print {
.no-print, header, footer, sidebar {
display: none !important;
}
}
这样设置后,当用户打印网页时,带有 `.no-print` 类的元素以及 `header`、`footer`、`sidebar` 等元素就不会被打印出来。
2. 使用 JavaScript 代码:
在网页的 JavaScript 代码中添加以下内容可以禁止打印:
javascript
window.onbeforeprint = function() {
// 在这里添加需要隐藏的元素
document.getElementById("header").style.display = "none";
document.getElementsByClassName("no-print")[0].style.display = "none";
};
window.onafterprint = function() {
// 打印完成后恢复元素显示
document.getElementById("header").style.display = "block";
document.getElementsByClassName("no-print")[0].style.display = "block";
};
3. 在网页的 HTML 中添加 `@media print` 样式:
html
@media print {
.no-print {
display: none !important;
}
}
这种方法可以直接在 HTML 中设置打印时隐藏元素。
无论采用哪种方法,都可以有效地设置网页在打印时不显示不需要的内容。

查看详情

查看详情