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>

    </table>

</div>

<!--endprint-->

    本部分以下不被列印</center>

    <input type="button" name="print" value="預覽并列印" onclick="preview()">

<p class="noprn">

    不列印</p>

<table id="datagrid">

    <tr>

        <td>

            列印

        </td>

    </tr>

</table>

<input class="noprn" type="button" onclick="window.print()" value="print">

</form>