閱讀466 返回首頁    go 技術社區[雲棲]


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 method="post" runat="server">
<center>
    本部分以上不被打印</center>
<!--startprint-->
<div align="center">
    <table >
        <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="預覽並打印" >
</div>
<p >
    不打印</p>
<table >
    <tr>
        <td>
            打印
        </td>
    </tr>
</table>
<input type="button" value="print">
</form>

最後更新:2017-04-02 06:51:24

  上一篇:go magento -- 修改文件來手動控製編譯的開啟和關閉
  下一篇:go JavaScript 彈出子窗體並返回結果到父窗體