打印页面的局部dom

发布于 2022-09-06 05:37:49 字数 1081 浏览 16 评论 0

目前有个管理后台,页面中含有部分指令,需要打印订单信息,想到的是用window.print(),但问题是只需要打印部分
1.方式一:
首先获取页面dom,暂时存放,再获取打印部分的dom,赋值给window.document.body.innerHTML,等打印完毕,再将存放的dom赋值给window.document.body.innerHTML,问题是,页面的指令在打印后,失效

      var tempHtml = window.document.body.innerHTML;
      var prnhtml = $('.dialog_warp .print-body').html();
      window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给body.innerHTML
      window.print(); //调用浏览器的打印功能打印指定区域
      window.document.body.innerHTML = tempHtml; //重新给页面内容赋值;

2.方式二:
新创建一个页面,将打印区域的内容赋值给新页面的window.document.body.innerHTML,待打印完之后,关闭新页面,问题是页面不出现内容,或者打印之后不关闭页面
http://bbs.csdn.net/topics/39...

 var p='<html><head><title>订单打印</title></head><body>'+$('.dialog_warp .print-body').html()+'</body></html>';
      var w = window.open('about:blank');
      w.document.write(p);
      
      w.print();
      w.close();

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

旧故 2022-09-13 05:37:49

折腾这个干嘛,上插件啊
jqprint

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文