table表格打印

网页表格打印

html body中的代码

  <table id="table" border="1" cellspacing="0">
            <thead>
            <tr>
                <th>姓名</th>
                <th>性别</th>
                <th>年龄</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>王源</td>
                <td>男</td>
                <td>17</td>
            </tr>
            <tr>
                <td>王俊凯</td>
                <td>男</td>
                <td>18</td>
            </tr>
            <tr>
                <td>易烊千玺</td>
                <td>男</td>
                <td>17</td>
            </tr>
            <tr>
                <td>TFBOYS</td>
                <td>男团</td>
                <td>5</td>
            </tr>
            </tbody>
        </table>
        <p onclick='dayin'>打印</p>

script 中的代码

function dayin(){
    var tableToPrint= document.getElementById("table");//要打印的表格
    var newWin= window.open(""); //打开新的窗口
        newWin.document.write(tableToPrint.outerHTML);//将表格添加进新的窗口
        newWin.document.close(); //在IE浏览器中必须加这一句
        newWin.focus(); //在IE浏览器中必须加这一句
        newWin.print(); //打印
        newWin.close(); //关闭窗口

}