打印实现

来源:互联网 发布:linux cp rfp 编辑:程序博客网 时间:2024/06/05 18:02

1.html页面:

<body>

<!--startprint-->
<table border="1px,solid,#000">
<tr>
<th align="left">序号</th>
<th align="left">姓名</th>
<th align="left">电话</th>
</tr>


<tr>
<td>1</td>
<td>沈沈</td>
<td>1366666666</td>
</tr>


<tr>
<td>2</td>
<td>小白</td>
<td>1366666666</td>
</tr>


<tr>
<td>3</td>
<td>安安</td>
<td>1366666666</td>
</tr>

<tr class="Noprn">
<td><input type="button" value="打印" onclick="preview()" /></td>
<td><input type="button" value="取消" /></td>
</tr>
</table>
<!--endprint-->
</body>


2.js部分

<script type="text/javascript">
function preview(){
// if (oper < 10){
// if(window.attachEvent){   
//  pagesetup_null();
// }
   
var bdhtml=window.document.body.innerHTML;//获取当前页的html代码
var sprnstr="<!--startprint-->";//设置打印开始区域
var eprnstr="<!--endprint-->";//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html


prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
/*} else {
    window.print();
} */
}
</script>


3.css部分

 @media Print { 
  .Noprn { 
    DISPLAY: none 
  } 

table {
width :auto;
margin: 0px auto;
}




原创粉丝点击