一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 17:40:20 编辑:袖梨 来源:一聚教程网

看到这个插件的名字,能猜得到它是干什么用的吗?
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();
});
这样就可以实现打印的功能啦,有兴趣的可以试一下。

热门栏目