前端浏览器打印，自我总结

最新推荐文章于 2024-07-10 09:41:19 发布

zhangsiyuanhw

最新推荐文章于 2024-07-10 09:41:19 发布

阅读量991

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/zhangsiyuanhw/article/details/123738775

版权

printHtml = 需要打印的页面；

var iframe=document.getElementById("print-iframe");
if(!iframe){
    iframe = document.createElement('IFRAME');
    var doc = null;
    iframe.setAttribute("id", "print-iframe");
    iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
    document.body.appendChild(iframe);
    doc = iframe.contentWindow.document;
    doc.write('<style media="print">\n' +
        '        @page {\n' +
        '            size: auto;\n' +
        '            margin: 0;\n' +
        '        }\n' +
        '        body {\n' +
        '            margin: 10mm;\n' +
        '        }\n' +
        '        .printTable {\n' +
        '            -webkit-print-color-adjust: exact;\n' +
        '            color-adjust: exact;\n' +
        '        }\n' +
        '    </style>\n' +
        '    <style>\n' +
        '        .printTable th{\n' +
        '            border:1px solid #000;\n' +
        '            background-color:#8E8E8E;\n' +
        '        }\n' +
        '        .printTable td{\n' +
        '            border:1px solid #000;\n' +
        '        }\n' +
        '    </style>');
    doc.write(printHtml);
    doc.close();
    iframe.contentWindow.focus();
}
setTimeout(function(){ iframe.contentWindow.print();},50);
setTimeout(function(){ document.body.removeChild(iframe);},100);