466
技術社區[雲棲]
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