jquery打印网页当前页

萧逸飞

于 2022-05-12 15:58:29 发布

阅读量517

点赞数 1

文章标签： jquery javascript 前端

本文链接：https://blog.youkuaiyun.com/u011377622/article/details/124733186

版权

这篇博客分享了如何在Odoo中创建自定义的网页打印内容，避免使用默认的qweb报表。通过构建HTML字符串，插入到隐藏的iframe中，并利用JavaScript触发打印功能，实现了网页内容的定制化打印。

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

记录一下开发过程中，趟过的坑。在odoo中，有时候，需要将自定义的网页打印出来(不同于odoo的qweb报表打印)，可以如下做；

var head = ''    //head标签里面引入的内容
var body = ''    //需要打印的网页内容
var iframe = `
   <!DOCTYPE html>
      <html>
         <head>` + head + `
         </head>
         <body>` + $html.html() +`
         </body>
      </html>`;

var content_blob = new Blob([iframe], {type: 'text/html'});
$('<iframe style="display:none">').attr({id: 'frame-pdf', name: 'frame-pdf', src: URL.createObjectURL(content_blob )})
                .appendTo(document.body)
                .on("load", function (responseText, textStatus, jqXHR) {
                    window.frames['frame-pdf'].focus();
                    window.frames['frame-pdf'].print();
                });