js 调用打印

整理知识点发现的 忘记当初从哪里摘的了 如有侵权 请联系我删除 谢谢谢谢~

 //打印
    function printTable() {
        var cssString = ".table{table-layout: fixed;border-collapse: collapse;width:100%;margin-top:34px;border:1px solid #E8E4E4;}.table tr{height:74px;border-bottom:1px solid #E8E4E4;}.table tr th{text-align: left;    font-size:15px;padding:0 4px;}.table .first-tr{background:#f5f5f5;border:none;}.table .first-tr td{vertical-align: middle;padding-top:0;}.table tr td{font-size:14px;padding:0 4px;vertical-align: top;padding-top:16px;}.table tr td a{display: inline-block;margin-right:4px;color:#000000;}.table tr td a:hover{color:#FF9E10;}.table .tr-padding-item{padding-left:20px;}.ui-paging-container ul, .ui-paging-container li{text-align: right;}";
        var tableToPrint = document.getElementById('table'); //将要被打印的表格
        var newWin = window.open(""); //新打开一个空窗口
        newWin.document.write(tableToPrint.outerHTML); //将表格添加进新的窗口
        var c = newWin.document.getElementsByClassName("detail"); //获取新窗口需要隐藏的td
        for (var i = 0; i < c.length; i++) {
            c[i].style.display = "none"; //隐藏td
        }
        var style = newWin.document.createElement("style"); //创建style标签
        style.setAttribute("type", "text/css");

        if (style.styleSheet) { // IE      //向style标签里添加样式内容
            style.styleSheet.cssText = cssString;
        } else { // w3c
            var cssText = newWin.document.createTextNode(cssString);
            style.appendChild(cssText);
        }

        var heads = newWin.document.getElementsByTagName("head"); //把style标签添加到head里
        if (heads.length) {
            heads[0].appendChild(style);
        } else {
            newWin.document.documentElement.appendChild(style);
        }

        newWin.document.close(); //在IE浏览器中使用必须添加这一句
        newWin.focus(); //在IE浏览器中使用必须添加这一句

        newWin.print(); //打印
        newWin.close(); //关闭窗口
    } //打印函数结束

猜你喜欢

转载自blog.csdn.net/liuhaidi87/article/details/81182138