window.print()js 打印不显示页头
时间: 2025-01-04 22:37:19 浏览: 7
`window.print()` 是 JavaScript 中的一个内置函数,用于触发浏览器的默认打印功能。当你使用这个函数,页面内容会被直接送到打印机,但通常不会包含浏览器窗口顶部的标题栏、地址栏等非正文元素。
如果你希望在打印时也包括页眉,可以尝试通过 HTML 的 `header` 和 `footer` 元素添加自定义的内容,并设置 `print-media-type` 样式,使其只在打印模式下可见。例如:
```html
<style>
@media print {
header, footer {
display: block !important;
position: fixed; /* 固定位置 */
top: 0; left: 0; right: 0; bottom: auto;
background-color: #fff; /* 或者选择你的背景颜色 */
border: 1px solid black;
z-index: 9999; /* 高于其他元素 */
}
}
</style>
<header>
<!-- 你的页眉内容 -->
</header>
<main>
<!-- 正文内容 -->
</main>
<footer>
<!-- 你的页脚内容 -->
</footer>
<button onclick="window.print()">打印</button>
```
然后,当用户点击打印按钮时,`window.print()` 会将包含页眉的页面发送到打印机。
阅读全文