web 批量打印

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

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

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

1>第一种思路

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

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

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

代码如下：

        $(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();
        }

　　

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

 

转载于:https://www.cnblogs.com/guohu/p/3469068.html