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="打印" οnclick="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;
}
2069
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
