郑德才博客 记录学习,记录工作,学习知识分享!

JS 实现简单打印功能

    <table style="font-size: 12px">
        <tr>
            <td style="width: 78px; height: 30px; text-align: left;">
                <input type="button" name="print" value="打印资料" onclick="preview()" />  //打印按钮,使用js的preview()进行打印
            </td>
            <!--startprint-->  //要打印的内容开始地方
            <td style="width: 78px; height: 30px; text-align: right;">
                打印的内容
            </td>
            <td style="width: 112px; height: 30px">
                打印的内容
            </td>
            <td style="width: 73px; height: 30px; text-align: right;">
                打印的内容
            </td>
            <td style="width: 127px; height: 30px">
                打印的内容
            </td>
            <!--endprint-->   //要打印的内容结束地方
        </tr>
    </table>

<script language="Javascript">
    function preview() {
        bdhtml = window.document.body.innerHTML;  //获取当前页面
        sprnstr = "<!--startprint-->";   //打印开始点
        eprnstr = "<!--endprint-->";    //打印结束点
        prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr));      //开始内容
        prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));     //结束
        window.document.body.innerHTML = prnhtml;
        window.print();   //打印
    }
</script>

2012年4月17日 | 发布:郑德才博客 | 分类:学习之路 | 评论:0

发表留言: