jquery页面打印插件PrintArea.js使用方法

看到这个插件的名字，能猜得到它是干什么用的吗？
jquery.PrintArea.js是一款可以实现网页打印的插件，实用的方法非常简单。
下面就简单介绍一下它的使用方法。

1、保存jquery.PrintArea.js。

(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;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('css" rel="stylesheet" href="'
                            + $(this).attr("href") + '" >');
                });
        doc.write('

');
        doc.close();
        var frameWindow = iframe.contentWindow;
        frameWindow.close();
        frameWindow.focus();
        frameWindow.print();
    }
    var removePrintArea = function (id) {
        $("iframe#" + id).remove();
    };
})(jQuery);

2、调用jquery.min.js和jquery.PrintArea.js

3、调用printArea()方法。

下面是简单的代码部分：

打印

如上所示，将需要打印的内容放在一个div里，在点击打印按钮时再调用打印的方法即可。如下：

$(".print").click(function(){
    $(".my_show").printArea();
});
这样就可以实现打印的功能啦，有兴趣的可以试一下。