一、打印页面
在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