web 批量打印

批量打印，同时打印多个页面，有两种思路：

第一种思路，将所有的页面内容加载到一个页面中，然后再打印。这种打印方式有几个弊端，页面的样式会丢失，页面太多同时加载到一个页面中，数据量太大，响应时间很长，消耗的资源过大，很可能导致浏览器崩溃，最终打印失败。针对这种打印方式的弊端，可以通过限制批量打印数量的方法来避免。但样式的问题，似乎找不到解决方案。

第二种思路，调用每个页面直接打印方法，逐个页面打印。这种打印方式的弊端就是，调用每个页面的打印方法都会弹出框，等待用户确认打印才行。

1>第一种思路

第一步：将所有页面通过iframe加载到一个页面中，每个页面一个iframe

第二部：抓取每个iframe中的内容，将其加载到一个新的窗口中，每个ifrmae中的内容在打印的时候都强制分页

第三部：调用新窗口的打印方法。

代码如下：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23

$(function () {     //在iframe中显示需要打印的页面，设置iframe的高度为自适应高度     $("iframe").each(function () {         $(this).load(function () {             $(this).height($(this).contents()[0].body.scrollHeight);         });     }); });   //将所有iframe中的内容都加载到一个新的窗口中，然后调用新窗口的打印方法 function printAll() {     var win = window.open('about:blank');     var body = "";     $("iframe").each(function (i) {         var pageNextStr = '<div style="page-break-after: always;"></div>';         var pageNext = $(pageNextStr);         pageNext.append($(this).contents()[0].find("from")[0].innerHTML);         body += pageNext[0].outerHTML;     });     win.document.body.innerHTML += body;     win.print();     win.close(); }

　　

 程序员的基础教程：菜鸟程序员