asp.net 打印功能 Demo

用asp.net 开发遇到打印功能，在度娘的帮助下完成了该功能，在此记录一下，仅供大家参考呵呵

第一步骤：编写css

<style type="text/css">
　　P {page-break-after: always}
<pre name="code" class="html" style="font-size: 18px; ">

@media print{.noprint{display:none;color:green}}xmp{page-break-before: always} td .name { font-weight:bold;
font-size:15pt; } td .time { font-weight:bold; font-size:10pt; } </style> <style type="text/css"> #printdiv{width:auto; height:auto;padding:0px;} </style>

第二步骤：编写JS

<script type="text/javascript">

//初始化页面功能

function loadData(){
PrintLabel();
scanPatient();
}

<span style="color:#ffccff;"><strong>//打印页面功能</strong></span>
function doPrint(){

<span style="color:#3366ff;"> var bakhtml = window.document.body.innerHTML;
window.document.body.innerHTML = document.getElementById("printdiv").innerHTML;
window.print();
window.document.body.innerHTML = bakhtml;</span>

window.close();
}
</script>

第三步骤：编写html

<pre name="code" class="html">   <!--打印页面的内容即 该div :priintdiv-->

<div id="printdiv">

<table class="TableBlock" id="" width="350" align="center" >

............要显示的内容

</table>

</div> 

<table class="TableBlock" width="350" align="center" > <tr align="center" class="TableControl"> <td colspan="4" nowrap>
<!--打印按钮 :--></span>
<input type="button" value="打 印" class="BigButton" onclick="doPrint()"/>       

<input type="button" value="返 回" class="BigButton" onclick="javascript:history.back()"/>         </td> </tr>
</table>