如何将页眉和页脚删除到 window.print();

Question

我正在使用 window.print() 打印页面，但我得到的页眉和页脚包含页面标题、文件路径、页码和日期。 如何删除它们或编辑？

我也试过这个。

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

我尝试了此页面的所有解决方案，但任何解决方案都不适合我。

这是从 POJO 中找到的我的 div 内容。

<div id="textDiv">
    <pre id="foo"><%= student.getDescription()%></pre>
</div>

这是我的按钮。

<button onclick="printDiv('textDiv')">Print PDF</button>

这是我的打印脚本。

function printDiv(divName) {
 var printContents = document.getElementById(divName).innerHTML;
 var originalContents = document.body.innerHTML;
 document.body.innerHTML = printContents;
 window.print();
 document.body.innerHTML = originalContents;
}

// Use this method

@media print {
    .footer,
    #non-printable {
        display: none !important;
    }
    #printable {
        display: block;
    }
}

Answer 1

试试下面这个

<script language="javascript">
function printDiv() {
var printContents = document.getElementById("divName").innerHTML;
var originalContents = document.body.innerHTML;
document.getElementById('header').style.display = 'none';
document.getElementById('footer').style.display = 'none';
document.body.innerHTML = printContents;

window.print();


document.body.innerHTML = originalContents;
}
</script>

打印可见的内容 div 将在下面命名

<div id="divName">Print Content</div>

然后在打印按钮上，执行以下操作

<button onClick="printDiv();">Print</button>