web 后台打印

最新推荐文章于 2024-09-29 11:58:58 发布

weixin_30294021

最新推荐文章于 2024-09-29 11:58:58 发布

阅读量261

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dragon-L/p/4235300.html

本文介绍了一种利用JavaScript和jQuery实现的网页打印方法，该方法通过调用特定函数在后台完成打印任务，避免了预览页面的加载，提高了打印效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

    //提交打印
    function sbumitPrint() { 
        printHidden("AppsDSPrintDoub.aspx?type=print");
    }

function printFrame(frame, onfinish) {
 
    if (!frame)
        frame = window;

    function execOnFinish() {
        switch (typeof (onfinish)) {
            case "string":
                execScript(onfinish);
                break;
            case "function":
                onfinish();
                break;
        }
        if (focused && !focused.disabled)
            focused.focus();
    }
   
    if (frame.document.readyState !== "complete") {
        execOnFinish();
        return;
    }

//    var eventScope = printGetEventScope(frame);
//    var focused = document.activeElement;
    window.printHelper = function() {
        //        printWB.ExecWB(6, 2);
        //        printFireEvent(frame, eventScope, "onafterprint");
        //        printWB.outerHTML = "";
        //        execOnFinish();
        //frame.jqprint();
        var prints = $(frame.document.getElementById('printTable')); //打印table的ID
        prints.jqprint();
        window.printHelper = null;
    }
    //document.body.insertAdjacentHTML("beforeEnd", "<object id=\"printWB\" width=0 height=0 \ classid=\"clsid:8856F961-340A-11D0-A96B-00C04FD705A2\">");
    //printFireEvent(frame, eventScope, "onbeforeprint");
    frame.focus();
    window.printHelper();
}

function printIsNativeSupport() {
    var agent = window.navigator.userAgent;
    var i = agent.indexOf("MSIE ") + 5;
    return parseInt(agent.substr(i)) >= 5 && agent.indexOf("5.0b1") < 0;
}

function printFireEvent(frame, obj, name) {
    var handler = obj[name];
    switch (typeof (handler)) {
        case "string":
            frame.execScript(handler);
            break;
        case "function":
            handler();
            break;
    }
}

function printGetEventScope(frame) {
    var frameset = frame.document.all.tags("FRAMESET");
    if (frameset.length)
        return frameset[0];
    return frame.document.body;
}

function printHidden(url) {
  
    document.body.insertAdjacentHTML("beforeEnd", "<iframe name='printHiddenFrame' width='0' height='0'></iframe>");
    var doc = printHiddenFrame.document;
    doc.open();
    doc.write("<body onload=\"parent.onprintHiddenFrame()\">");
    doc.write("<iframe name='printMe' width='0' height='0' src=\"" + url + "\"></iframe>");
    doc.write("</body>");
    doc.close();
}

function onprintHiddenFrame() {
    function onfinish() {
        printHiddenFrame.outerHTML = "";
        if (window.onprintcomplete)
            window.onprintcomplete();
    }
    printFrame(printHiddenFrame.printMe, onfinish);
}

这里还要用到一个jqprint-0.3.js

// -----------------------------------------------------------------------
// Eros Fratini - eros@recoding.it
// jqprint 0.3
//------------------------------------------------------------------------

(function($) {
    var opt;

    $.fn.jqprint = function (options) {
        opt = $.extend({}, $.fn.jqprint.defaults, options);

        var $element = (this instanceof jQuery) ? this : $(this);
        
        if (opt.operaSupport && $.browser.opera) 
        { 
            var tab = window.open("","jqPrint-preview");
            tab.document.open();

            var doc = tab.document;
        }
        else 
        {
            var $iframe = $("<iframe  />");
        
            if (!opt.debug) { $iframe.css({ position: "absolute", width: "0px", height: "0px", left: "-600px", top: "-600px" }); }

            $iframe.appendTo("body");
            var doc = $iframe[0].contentWindow.document;
        }
        
        if (opt.importCSS)
        {
            if ($("link[media=print]").length > 0) 
            {
                $("link[media=print]").each( function() {
                    doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' media='print' />");
                });
            }
            else 
            {
                $("link").each( function() {
                    doc.write("<link type='text/css' rel='stylesheet' href='" + $(this).attr("href") + "' />");
                });
            }
        }
        
        if (opt.printContainer) { doc.write($element.outer()); }
        else { $element.each( function() { doc.write($(this).html()); }); }
        
        doc.close();
        
        (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).focus();
        setTimeout( function() { (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);
    }
    
    $.fn.jqprint.defaults = {
		debug: false,
		importCSS: true, 
		printContainer: true,
		operaSupport: true
	};

    // Thanks to 9__, found at http://users.livejournal.com/9__/380664.html
    jQuery.fn.outer = function() {
      return $($('<div></div>').html(this.clone())).html();
    } 
})(jQuery);

可以直接调用jqprint-0.3.js，这样做是为了在提交数据的时候直接打印，等于后台打印，就不要重新打开一个预览页面

转载于:https://www.cnblogs.com/dragon-L/p/4235300.html