js 如何优雅打印一个div标签内的内容

Question

现在有个打印的功能, 需要打印特定div块的内容, 我实现了一个简单的版本

printElement = (elementId) => {
  let printElement = document.getElementById(elementId)
  let newContent = printElement.innerHTML
  let oldContent = document.body.innerHTML
  document.body.innerHTML = newContent
  window.print()
  window.location.reload()
  document.body.innerHTML = oldContent
}

这样子可以实现打印, 但是点击了确认或者取消结果, 页面会有重新加载一次, 请问有没有更好的方法打印?

Answer 1

window.location.reload()这行的不就是重载页面吗？

Answer 2

window.open()打开一个小的新窗口，在新窗口里面打印