jquery 连接打印机

90 篇文章 1 订阅
46 篇文章 1 订阅

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;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('<link type="text/css" rel="stylesheet" href="'
                                + $(this).attr("href") + '" >'); */
                       doc.write('<link type="text/css" rel="stylesheet" href="/css/site.css" >');
                    });
            doc.write('<div style="width:100%; font-size:100%;">' + $(ele).html()
                    + '</div>');
            doc.close();
            var frameWindow = iframe.contentWindow;
            frameWindow.close();
            frameWindow.focus();
            frameWindow.print();
        };
        var removePrintArea = function (id) {
            $("iframe#" + id).remove();
        };
    })(jQuery);
    function printRep() {
        if (confirm("是否确认打印?")) {
            $("#printerBody").printArea();
             return false;s
        }
    }


printerBody: 为div 的id 属性,必须是div标签

html:

<a href="javascript:void(0);" style="float:right;margin-right:40px;with:40px;" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" οnclick="printRep()" value="打印">打印</a>

<div id='printerBody'>
            <table class="tab_001" border="1" bordercolor="#ccc" cellspacing="0" cellpadding="0">
                <thead>
                    <tr>
                        <td><input id="all" name="checkName" type="checkbox" value="全选" οnclick="checkAll(this)"/></td>
                        <td>原冰箱名称</td>
                        <td>原区域编码</td>
                        <td>原抽屉编码</td>
                        <td>原盒子编码</td>
                        <td>原孔板编码</td>
                        <td>至冰箱名称</td>
                        <td>至区域编码</td>
                        <td>至抽屉编码</td>
                        <td>至盒子编码</td>
                        <td style="display:none">盒子id</td>
                    </tr>
                </thead>
                <tbody>

                        <tr>
                        <td><input id="all" name="checkName" type="checkbox" value="全选" οnclick="checkAll(this)"/></td>
                        <td>原冰箱名称</td>
                        <td>原区域编码</td>
                        <td>原抽屉编码</td>
                        <td>原盒子编码</td>
                        <td>原孔板编码</td>
                        <td>至冰箱名称</td>
                        <td>至区域编码</td>
                        <td>至抽屉编码</td>
                        <td>至盒子编码</td>
                        <td style="display:none">盒子id</td>
                    </tr>

                </tbody>
            </table>
        </div>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值