js 利用iframe 局部打印html

摆烂吧小李

已于 2022-09-14 09:43:07 修改

阅读量1k

点赞数

分类专栏： js

于 2022-09-14 09:42:32 首次发布

本文链接：https://blog.csdn.net/weixin_49684489/article/details/126846336

版权

javascript html 前端

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

js 利用iframe 局部打印html

   goPrint(data) {
      console.log("触发打印功能");
      // 创建iframe
      let iframe = document.createElement("IFRAME");
      let doc = null;
      iframe.setAttribute(
        "style",
        "position:absolute;width:0px;height:0px;left:-500px;top:-500px;"
      );

      document.body.appendChild(iframe);
      doc = iframe.contentWindow.document;
      const div = document.createElement("div");
      div.innerHTML = data;
      doc.body.appendChild(div);
      doc.close();
      iframe.contentWindow.focus();
      iframe.contentWindow.print();
      setTimeout(() => {
        document.body.removeChild(iframe);
      }, 10000);
    },