前端打印功能

龙拳蜗牛

于 2021-06-21 18:38:45 发布

阅读量164

点赞数

本文链接：https://blog.youkuaiyun.com/Ton555555/article/details/118092399

版权

前端打印功能

本文介绍如何使用内联样式实现前端页面内容的直接打印功能，通过JavaScript操作DOM获取内容并调用window.print()，配合location.reload()刷新页面，简化前端打印流程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前端打印功能

注意：打印的内容一定要使用内联样式
代码：

   print() {
      var newstr = document.getElementById('group').innerHTML
      document.body.innerHTML = newstr
      window.print()
      window.location.reload()
      return false
    },