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

作者：袖梨 2022-06-25

看到这个插件的名字，能猜得到它是干什么用的吗？
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('

' + $(ele).html()
+ '

');
        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()方法。

下面是简单的代码部分：

注意事项：

1、考生必须带齐准考证、身份证，方可进入考场。

2、考生自备橡皮、2B铅笔、黑色字迹的钢笔、签字笔或圆珠笔。

3、严禁将寻呼机、移动电话、电子记事本、计算器等电子设备带至考场。

4、考试前30分钟可以进入考场;考试开始30分钟后，不得入场;考试期间不得提前交卷、退场。

5、严禁将答题卡、题本、试卷、草稿纸等带出考场。

6、考生必须遵守考场规则，若有作弊行为，将被取消考试资格。

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

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