以'window.print 一个 div - Javascript'作主题

在前端开发中，我们常常需要实现一个将网页内容打印的功能。不过，有时候我们不想将整个页面都打印出来，而是只想打印某个特定的元素或区域。这时候，我们可以使用JavaScript中的window.print()方法来实现。

什么是window.print()方法

window.print()方法是JavaScript中的一个方法，调用它会将当前页面打印出来。如果你打开控制台，输入window.print()并按下回车键，你会看到一个打印对话框弹出来。不过，默认情况下，这个打印对话框会包含整个页面的内容。

如何只打印一个特定的元素或区域

那么，如果我们只想打印某个特定的元素或区域呢？这时候，我们可以使用以下的方法：

1. 首先，给我们想要打印的元素加上一个id属性，比如：

<div id="printArea">这是要打印的内容</div>

2. 然后，在JavaScript中，使用以下代码来调用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;
}

上面的代码中，printDiv函数会接受一个参数divName，即我们要打印的那个元素的id。然后，它会获取这个元素的内容，并将其设置到document.body中，接着调用window.print()方法来打印当前页面，最后将document.body的内容重新设为原来的内容。

总结

window.print()方法是一个非常方便的方法，可以帮助我们实现将页面内容打印出来的功能。而通过上面的方法，我们还可以很容易地实现只打印一个特定的元素或区域的功能。