JavaScript页面打印(只打印指定部分)

实现思路:

1.在要打印的内容前后插入占位符;
2.页面显示需要打印的内容;
3.再调用浏览器的打印功能就可以了;

将下面代码单独保存为html文件,即可预览效果。

<script language="Javascript">
    function preview() {
        bdhtml = window.document.body.innerHTML;
        sprnstr = "<!--startprint-->";
        eprnstr = "<!--endprint-->";
        prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
        prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
        window.document.body.innerHTML = prnhtml;
        window.print();
    }
</script>
<!--省略部分代码-->
<form id="WebForm1" method="post" runat="server">
<center>
    本部分以上不被打印</center>
<!--startprint-->
<div align="center">
    <table style="width: 900px; border: solid 1px black;">
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
        <tr>
            <td>
                打印内容 打印内容 打印内容 打印内容
            </td>
        </tr>
    </table>
</div>
<!--endprint-->
<center>
    本部分以下不被打印</center>
<div align="center">
    <input type="button" name="print" value="预览并打印" onclick="preview()">
</div>
<p class="Noprn">
    不打印</p>
<table id="datagrid">
    <tr>
        <td>
            打印
        </td>
    </tr>
</table>
<input class="Noprn" type="button" onclick="window.print()" value="print">
</form>

上一篇:centos 7安装和使用redis,授权远程连接(★firecat推荐★)(二)


下一篇:Linux expect 用法