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

时间:2018-12-12 13:07:18

标签: javascript jquery windows printing

我使用window.print()打印页面,但是页眉和页脚包含页面标题,文件路径,页码和日期。如何删除或编辑它们?

我也尝试过。

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

i try all solution of this page 但任何解决方案都不适合我。

这是我从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;
    }
}

1 个答案:

答案 0 :(得分: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>