window.print参数设置js
时间: 2023-08-11 08:06:44 浏览: 169
在 JavaScript 中,可以使用 window.print() 方法来打印当前页面或指定的文档。下面是一些常用的 window.print() 方法的参数设置:
1. 打印指定区域:
使用 window.print() 方法时,可以通过指定 CSS 选择器或 HTML 元素来打印指定区域。例如:
```
window.print('.print-area'); // 打印 class 为 print-area 的元素
```
2. 打印前弹出打印预览窗口:
可以通过在 window.print() 方法中添加一个空字符串作为参数来弹出打印预览窗口。例如:
```
window.print('');
```
3. 隐藏页面元素:
可以使用 CSS 的 @media print 规则来隐藏某些页面元素。例如:
```
@media print {
.no-print {
display: none;
}
}
```
在页面中添加一个 class 为 no-print 的元素,它将在打印时被隐藏。
4. 打印时添加页眉页脚:
可以使用 CSS 的 @page 规则来定义打印时的页眉页脚。例如:
```
@page {
@top-center {
content: "页眉";
}
@bottom-center {
content: "页脚";
}
}
```
在打印时,将会自动添加定义的页眉和页脚。
5. 打印时设置纸张方向和大小:
可以使用 CSS 的 @page 规则来设置打印时的纸张方向和大小。例如:
```
@page {
size: A4 landscape;
}
```
在打印时,将会使用横向的 A4 纸张。
阅读全文