页面打印预览功能

页面打印预览功能[收藏]

<script>
function print(d){
for(i=0;i<3;i++){
if(i==d) eval("div"+i).style.visibility="visible";
else eval("div"+i).style.visibility="hidden";
}
document.all.wb.ExecWB(7,1);
for(i=0;i<3;i++){
eval("div"+i).style.visibility="visible";
}
}
</script>
<div id=div0>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT> 
<input type=button value=打印预览 onclick="wb.execwb(7,1)">
<input type=button onClick=document.all.wb.ExecWB(6,1) value="打印">

<input type=button value=打印表格1 onclick=print("1")>

<input type=button value=打印表格2 onclick=print("2")></div>
<div id=div1>
表格一：<br>
<table>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
</table>
</div>

在打印的input标签中加入class=“NoPrint”可以避免打印的时候把按钮等不相关的东西打出来，
该style如下：

<style>
<input type=button value=页面设置 onclick="wb.execwb(8,1)">
<input type=button value=打印预览 onclick="wb.execwb(7,1)" class=“NOPRINT“>
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>

还有要注意的就是在设置表格的时候，style="border-collapse: collapse"可以把细线细化开，避免线条美观，cellspacing,cellpadding都设成0。