【问题标题】:Add custom header footer in window.print which shows on every page在 window.print 中添加自定义页眉页脚,显示在每一页上
【发布时间】:2023-04-03 22:03:01
【问题描述】:

我正在使用 window.print 函数来打印 div 内容,我需要添加自定义页眉和页脚,这些页眉和页脚显示在每个页面上。有人可以指导我吗?

我可以添加页眉和页脚,但那只能在打印文档的顶部和底部 what i can do

我想在每一页重复它们 what I want

【问题讨论】:

  • 通常这是在服务器端完成的。您的问题过于宽泛,没有显示您为实现它而付出的努力。
  • 在您的 CSS 中创建打印媒体查询并设置打印元素的样式。
  • @A1rPun 我想要实现的是在打印时在每个页面中添加自定义页眉和页脚。例如:link

标签: javascript html


【解决方案1】:

通常不允许覆盖页眉和页脚。 (由浏览器默认 - 用户选择可选)

你尝试过这样的事情吗?

.footer { position: absolute; bottom: 0; }
.header { position: absolute; top: 0; }

【讨论】:

    【解决方案2】:

    试试这个:

        var pageHeight = parseInt($('body').css('height'))
    	var offsetHeight=1230;
        for(var i=0;i<pageHeight;i++){
            if(i%offsetHeight==0 || i==0){
            	$('body').append('<div style="position: absolute;top:'+i+';">your header</div>')
            }
        }
    yue 可以玩 offsetHeight

    【讨论】:

    • 你也可以只用在:你的标题
    猜你喜欢
    • 2019-09-01
    • 1970-01-01
    • 1970-01-01
    • 2018-12-28
    • 1970-01-01
    • 1970-01-01
    • 2016-06-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多