打印网页时，个性化页眉页脚能提升文档的专业性。虽然window.print()方法无法直接控制页眉页脚，但我们可以通过一些技巧实现自定义。
浏览器本身提供了一些手动设置页眉页脚的选项（例如Chrome的“更多设置”），但这需要用户手动操作，无法通过代码自动化。
为了用JavaScript实现自定义，我们可以利用CSS。在打印前，动态插入一个CSS样式表来调整页面布局，从而控制页眉页脚的内容和位置。
例如，以下CSS代码可以在打印时添加自定义的页眉和页脚：
立即学习“Java免费学习笔记（深入）”；
@media print {
@page {
@top-left {
content: "自定义页眉";
}
@bottom-right {
content: "自定义页脚";
}
}
}这段代码利用@media print限定只在打印时生效，@page规则定义页面样式，@top-left和@bottom-right指定页眉页脚的位置和内容。
需要注意的是，并非所有浏览器都完全支持这种CSS3特性，因此可能存在兼容性问题。 在实际应用中，可能需要针对不同浏览器进行调整或采用其他替代方案来确保最佳效果。 虽然window.print()自身功能有限，但结合CSS和浏览器特性，我们仍然可以有效地实现自定义浏览器打印页眉页脚的功能。
以上就是如何通过JavaScript在浏览器打印时自定义页眉和页脚？的详细内容，更多请关注php中文网其它相关文章！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
909
收藏
