实现思路:
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>