如何將頁眉和頁腳刪除到 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>