web打印实现几种方法

在工作中出现web打印的情况是非常多的，其实这也是一个比较烦人的问题，这篇博客整理一下关于Web打印的一些方法或者方式。

 

1. window.print()

这个方法是用来打印网页的，页面上的其他的元素也会被打印处理，在打印的时候页眉页脚是不太好控制的。

所以如果使用这种方法的话最好将结果放到两个注释中间，之后通过JS来实现打印区域的功能。

具体做法：

     

         
     
  
 
bdhtml=window.document.body.innerHTML;
sprnstr="";
eprnstr="";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();

 

特别注意：使用window.print方法是不能够打印IE浏览器中的移动或者旋转的动画的，但是在非IE浏览器中是可以支持的。

2. DLPrinter控件

DLPrinter打印控件完全免费，界面大方、使用简单、但无签名，支持打印预览、直接打印，可设置页眉、页脚、页边距、打印份数、纸张大小等信息。 

这个控件的下载地址为：http://files.cnblogs.com/panshenglu/DLPrinter.rar

调用方法：

3. Lodop

对于这个打印控件，用一个词来形容：强大！不仅调用方便，而且功能比你想像中要强大得多。强烈推荐使用。

下载地址：http://www.lodop.net/

推荐去官网中的功能演示来学习一下这个打印空间。

 

4. Jquery打印

下面一个是用Jquery框架写的一个web打印控件的功能。

代码如下：

(function ($) {
    var printAreaCount = 0;
    $.fn.printArea = function () {
        var ele = $(this);
        var idPrefix = "printArea_";
        removePrintArea(idPrefix + printAreaCount);
        printAreaCount++;
        var iframeId = idPrefix + printAreaCount;
        var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
        iframe = document.createElement('IFRAME');
        $(iframe).attr({
            style: iframeStyle,
            id: iframeId
        });
        document.body.appendChild(iframe);
        var doc = iframe.contentWindow.document;
        $(document).find("link").filter(function () {
            return $(this).attr("rel").toLowerCase() == "stylesheet";
        }).each(
                function () {
                    doc.write('');
                });
        doc.write('
' + $(ele).html()
                + '
');
        doc.close();
        var frameWindow = iframe.contentWindow;
        frameWindow.close();
        frameWindow.focus();
        frameWindow.print();
    }
    var removePrintArea = function (id) {
        $("iframe#" + id).remove();
    };
})(jQuery);
 
 

要打印的内容区域

 

 

其实关于打印控件还有很多，找到自己最合适的才是硬道理，如果还有更多的web打印实现方法，可以给我留言。