您的位置:

window.print的详细介绍

一、打印页面

在Web开发过程中,我们经常需要打印页面,而window.print()便是实现此功能的方法。

window.print()调用后,就会自动打印当前页面。当然,浏览器会先弹出打印机对话框,让我们选择打印机和打印页面的设置。同时,我们还可以在代码中设置打印的一些参数。

window.print();

通过以上代码,即可实现当前页面的打印。

二、打印特定内容

除了打印整个页面外,我们还可以通过指定特定的元素来进行局部打印。

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

通过以上代码,我们可以通过传入要打印的元素的id,即可将该元素内部的内容打印出来,而不是整个页面。

三、打印前的设置

在调用window.print()后,会弹出打印对话框。我们可以通过代码对该对话框进行一些设置,如设置打印页面的方向、页边距等。

function setPrintOptions() {
    var printOptions = "";
    printOptions += "

Print Preview