JS 实现打印功能

IE:  

比较简单的实现方法:

如果想支持打印预览需要加载IE的Active Control插件,如不需要支持打印预览直接执行
window.print();
打印预览:
function hidenNoPrint() {
    $("#div1").hide();
    $("#div2").hide();
    
}
 
   
function PrintSecretaryInfo() {

    hidenNoPrint();//首先将不需要打印的div进行隐藏.
    //PrintUtils.printPreview(PrintPreviewListener, PrintPreviewListener);
    if (navigator.userAgent.indexOf("MSIE") > 0) {
        try {
            var PROMPT = 1; // 1 PROMPT & 2 DONT PROMPT USER 
            var oWebBrowser = document.getElementById("WebBrowser1");
            if (oWebBrowser == null) {
                var sWebBrowser = '';
                document.body.insertAdjacentHTML('beforeEnd', sWebBrowser);
                oWebBrowser = document.getElementById("WebBrowser1");
            }
            oWebBrowser.ExecWB(7, PROMPT);
            oWebBrowser.outerHTML = "";
        }
        catch (e) { alert(AppsRex.ErrorMsg); }
    }
    else {
        window.print();
    }
    showNoPrint();//最后将隐藏的div显示出来就可以了.

}
 
   
function showNoPrint() {
    $("#div1").show();
    $("#div2").show();
}


 
  

Chrome:

直接执行即可支持打印预览.
window.print();



你可能感兴趣的:(原创,js,打印,打印预览)