window.print页面怎么打印某个div
时间: 2024-05-20 22:16:56 浏览: 225
window.print打印指定div实例代码
可以使用CSS中的@media print规则来实现。具体步骤如下:
1. 给需要打印的div添加一个id属性,例如id="printArea"。
2. 在CSS中添加@media print规则,选择需要打印的div,设置display属性为block,其他元素设置为none。例如:
@media print {
body * {
visibility: hidden;
}
#printArea, #printArea * {
visibility: visible;
}
#printArea {
position: absolute;
left: 0;
top: 0;
}
}
这样在打印时,只会显示id为printArea的div及其内部元素,其他元素都会被隐藏。
3. 在页面中添加一个打印按钮,点击按钮时调用window.print()方法即可。例如:
<button onclick="window.print()">打印</button>
阅读全文