你遇到的核心问题是：wkhtmltopdf会提前为页眉页脚预留固定的页面边距空间，即使你用JS隐藏了内容，这个预留的空白区域依然存在。要彻底消除这些空白，需要同时从两个层面入手：一是隐藏页眉页脚内容并清除其自身的占位空间，二是取消前两页对应页眉页脚的页面边距。

方法一：修改JavaScript，清除页眉页脚自身占位 #

更新你的subst函数，在隐藏内容的同时，把页眉页脚元素的高度、内边距、外边距都设为0，彻底消除它们的占位：

function subst() {
    var vars={};
    var x=document.location.search.substring(1).split('&');
    for (var i in x) {
        var z=x[i].split('=',2);
        vars[z[0]] = unescape(z[1]);
    }
    var pageVars = ['frompage','topage','page','webpage','section','subsection','subsubsection'];
    for (var i in pageVars) {
        var y = document.getElementsByClassName(pageVars[i]);
        for (var j=0; j<y.length; ++j) {
            y[j].textContent = vars[pageVars[i]];
        }
    }

    // 处理第1、2页的页眉页脚
    if(vars['page'] == 1 || vars['page'] == 2){
        // 处理页眉
        const header = document.getElementById("header_content");
        if(header) {
            header.classList.add("hidden");
            header.style.height = "0";
            header.style.padding = "0";
            header.style.margin = "0";
            header.style.border = "none";
        }
        // 处理页脚（如果有对应的ID，比如footer_content）
        const footer = document.getElementById("footer_content");
        if(footer) {
            footer.classList.add("hidden");
            footer.style.height = "0";
            footer.style.padding = "0";
            footer.style.margin = "0";
            footer.style.border = "none";
        }
    }
}

方法二：用CSS @page规则取消前两页的边距预留 #

仅修改JS还不够，因为wkhtmltopdf是根据页面边距来分配页眉页脚空间的。你需要在HTML的样式中添加@page规则，专门针对前两页取消顶部和底部的边距：

/* 第一页取消页眉页脚对应的边距 */
@page :first {
    margin-top: 0;
    margin-bottom: 0;
}
/* 第二页同样取消边距 */
@page :nth(2) {
    margin-top: 0;
    margin-bottom: 0;
}
/* 其他页面保留正常的页眉页脚边距（根据你的实际需求调整数值） */
@page {
    margin-top: 2cm; /* 对应页眉的预留高度 */
    margin-bottom: 1.5cm; /* 对应页脚的预留高度 */
}

把这段样式放在你的主HTML文件的<style>标签里，或者放在页眉/页脚的HTML文件中，确保wkhtmltopdf能识别到。

额外注意事项 #

• 如果你在wkhtmltopdf命令行中使用了--header-spacing或--footer-spacing参数，这些全局设置会和CSS @page规则叠加，建议优先用CSS来控制边距，避免冲突。
• 确保你的wkhtmltopdf版本较新，旧版本对CSS @page的nth()选择器支持可能不完善。

内容的提问来源于stack exchange，提问作者Jigar Pancholi