html 如何添加打印功能
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>emu's sample of printing with title</title>
<style>
@media screen
{
.onlyPrint
{
display: none;
}
}
@media print
{
.onlyShow
{
display: none;
}
.onlyPrint
{
page-break-before: always;
}
}
</style>
<script type="text/javascript" language="JavaScript"> <!-- // 这里定义每页能打印多少行 //模拟数据
function prepare() {
var ar = new Array();
for (var i = parseInt(linesPerPage.value); i < (show.children.length - 1); i += parseInt(linesPerPage.value)) {
var tr = show.insertBefore(show.firstChild.cloneNode(true), show.children[i]);
tr.className = "onlyPrint";
ar[ar.length] = tr;
}
preView();
for (var i = ar.length - 1; i > -1; i--)
show.deleteRow(ar[i].rowIndex)
}
function pageSetup() {
try {
WB.ExecWB(8, 1);
} catch (e) { alert("您的浏览器不支持此功能") }
}
function preView() {
try {
WB.ExecWB(7, 1)
}
catch (e) {
alert("您的浏览器不支持此功能")
}
} //-->
</script>
</head>
<body>
<object classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="WB" width="0"
viewastext>
</object>
<center class="onlyShow">
设定每页打印
<input id="linesPerPage" size="4" value="10">行
<button onclick='pageSetup()'>
页面设置</button>
<button onclick='prepare()'>
打印预览</button><br>
<br>
</center>
<table bgcolor="balck" cellspacing="1" cellpadding="3" align="center">
<tbody bgcolor="white" id="show">
<tr>
<td>
员工号
</td>
<td>
姓名
</td>
<td>
职务
</td>
<td>
部门
</td>
<td>
扣税
</td>
<td>
上月结余
</td>
<td>
实发工资
</td>
<td>
应发工资
</td>
<td>
应扣款
</td>
</tr>
<tr>
<td>
0009
</td>
<td>
sdfa
</td>
<td>
副总裁
</td>
<td>
技术部
</td>
<td>
150.57
</td>
<td>
0.0
</td>
<td>
3706.61
</td>
<td>
3857.18
</td>
<td>
150.57
</td>
</tr>
<tr>
<td>
1000
</td>
<td>
赵志燕
</td>
<td>
总裁
</td>
<td>
技术部
</td>
<td>
0.0
</td>
<td>
0.0
</td>
<td>
2204.98
</td>
<td>
2221.62
</td>
<td>
16.64
</td>
</tr>
<tr>
<td>
1001
</td>
<td>
赵志平
</td>
<td>
副总裁
</td>
<td>
金工车间
</td>
<td>
122.74
</td>
<td>
0.0
</td>
<td>
3599.18
</td>
<td>
3739.52
</td>
<td>
140.33
</td>
</tr>
<tr>
<td>
1002
</td>
<td>
赵志勇
</td>
<td>
副总裁
</td>
<td>
生产部
</td>
<td>
324.6
</td>
<td>
0.0
</td>
<td>
5532.95
</td>
<td>
5857.56
</td>
<td>
324.6
</td>
</tr>
<tr>
<td>
1003
</td>
<td>
赵志华
</td>
<td>
副总裁
</td>
<td>
质量管理部
</td>
<td>
859.69
</td>
<td>
0.0
</td>
<td>
11155.8
</td>
<td>
12016.21
</td>
<td>
860.41
</td>
</tr>
<tr>
<td>
1004
</td>
<td>
赵志强
</td>
<td>
总经理
</td>
<td>
注塑班
</td>
<td>
726.58
</td>
<td>
0.0
</td>
<td>
9757.66
</td>
<td>
10484.84
</td>
<td>
727.18
</td>
</tr>
<tr>
<td>
1005
</td>
<td>
赵小燕
</td>
<td>
副总经理
</td>
<td>
计划调度室
</td>
<td>
8.98
</td>
<td>
0.0
</td>
<td>
2036.64
</td>
<td>
2045.62
</td>
<td>
8.98
</td>
</tr>
<tr>
<td>
1006
</td>
<td>
赵小平
</td>
<td>
副总经理
</td>
<td>
采购部
</td>
<td>
125.02
</td>
<td>
0.0
</td>
<td>
3438.49
</td>
<td>
3563.52
</td>
<td>
125.02
</td>
</tr>
<tr>
<td>
1007
</td>
<td>
赵小勇
</td>
<td>
副总经理
</td>
<td>
销售部
</td>
<td>
309.29
</td>
<td>
0.0
</td>
<td>
5372.26
</td>
<td>
5681.56
</td>
<td>
309.29
</td>
</tr>
<tr>
<td>
1008
</td>
<td>
赵小华
</td>
<td>
经理助理
</td>
<td>
用户服务部
</td>
<td>
0.0
</td>
<td>
0.0
</td>
<td>
11148.49
</td>
<td>
12008.21
</td>
<td>
859.71
</td>
</tr>
<tr>
<td>
1009
</td>
<td>
赵小强
</td>
<td>
经理助理
</td>
<td>
质量管理部
</td>
<td>
726.32
</td>
<td>
0.0
</td>
<td>
9754.92
</td>
<td>
10481.84
</td>
<td>
726.92
</td>
</tr>
<tr>
<td>
1010
</td>
<td>
赵燕
</td>
<td>
经理助理
</td>
<td>
海外市场部
</td>
<td>
8.98
</td>
<td>
0.0
</td>
<td>
2036.64
</td>
<td>
2045.62
</td>
<td>
8.98
</td>
</tr>
<tr>
<td>
1011
</td>
<td>
赵平
</td>
<td>
部门经理
</td>
<td>
营销部
</td>
<td>
125.02
</td>
<td>
0.0
</td>
<td>
3438.49
</td>
<td>
3563.52
</td>
<td>
125.02
</td>
</tr>
<tr>
<td>
1012
</td>
<td>
赵勇
</td>
<td>
部门经理
</td>
<td>
开发部
</td>
<td>
309.29
</td>
<td>
0.0
</td>
<td>
5372.26
</td>
<td>
5681.56
</td>
<td>
309.29
</td>
</tr>
<tr>
<td>
1013
</td>
<td>
赵华
</td>
<td>
部门经理
</td>
<td>
公司
</td>
<td>
859.0
</td>
<td>
0.0
</td>
<td>
11148.49
</td>
<td>
12008.21
</td>
<td>
859.71
</td>
</tr>
<tr>
<td>
1014
</td>
<td>
赵强
</td>
<td>
部门经理
</td>
<td>
总裁办公室
</td>
<td>
726.32
</td>
<td>
0.0
</td>
<td>
9754.92
</td>
<td>
10481.84
</td>
<td>
726.92
</td>
</tr>
<tr>
<td>
1015
</td>
<td>
赵海燕
</td>
<td>
部门经理
</td>
<td>
企业发展部
</td>
<td>
8.98
</td>
<td>
0.0
</td>
<td>
2036.64
</td>
<td>
2045.62
</td>
<td>
8.98
</td>
</tr>
<tr>
<td>
1016
</td>
<td>
赵海平
</td>
<td>
部门经理
</td>
<td>
质量管理部
</td>
<td>
125.02
</td>
<td>
0.0
</td>
<td>
3438.49
</td>
<td>
3563.52
</td>
<td>
125.02
</td>
</tr>
<tr>
<td>
1017
</td>
<td>
赵海勇
</td>
<td>
部门经理
</td>
<td>
计划财经部
</td>
<td>
309.29
</td>
<td>
0.0
</td>
<td>
5372.26
</td>
<td>
5681.56
</td>
<td>
309.29
</td>
</tr>
<tr>
<td>
1018
</td>
<td>
赵海华
</td>
<td>
部门经理
</td>
<td>
人事行政部
</td>
<td>
859.0
</td>
<td>
0.0
</td>
<td>
11148.49
</td>
<td>
12008.21
</td>
<td>
859.71
</td>
</tr>
<tr>
<td>
1019
</td>
<td>
赵海强
</td>
<td>
部门经理
</td>
<td>
技术科
</td>
<td>
726.32
</td>
<td>
0.0
</td>
<td>
9754.92
</td>
<td>
10481.84
</td>
<td>
726.92
</td>
</tr>
<tr>
<td>
1020
</td>
<td>
赵健燕
</td>
<td>
部门经理
</td>
<td>
小冲压
</td>
<td>
8.98
</td>
<td>
0.0
</td>
<td>
2036.64
</td>
<td>
2045.62
</td>
<td>
8.98
</td>
</tr>
<tr>
<td>
1021
</td>
<td>
赵健平
</td>
<td>
部门经理
</td>
<td>
大冲压
</td>
<td>
125.02
</td>
<td>
0.0
</td>
<td>
3438.49
</td>
<td>
3563.52
</td>
<td>
125.02
</td>
</tr>
<tr>
<td>
1022
</td>
<td>
赵健勇
</td>
<td>
部门经理
</td>
<td>
计划调度室
</td>
<td>
309.29
</td>
<td>
0.0
</td>
<td>
5372.26
</td>
<td>
5681.56
</td>
<td>
309.29
</td>
</tr>
<tr>
<td>
1023
</td>
<td>
赵健华
</td>
<td>
部门经理
</td>
<td>
生产部
</td>
<td>
859.0
</td>
<td>
0.0
</td>
<td>
11148.49
</td>
<td>
12008.21
</td>
<td>
859.71
</td>
</tr>
<tr>
<td>
1024
</td>
<td>
赵健强
</td>
<td>
部门经理
</td>
<td>
质量管理部
</td>
<td>
726.32
</td>
<td>
0.0
</td>
<td>
9754.92
</td>
<td>
10481.84
</td>
<td>
726.92
</td>
</tr>
<tr>
<td>
1026
</td>
<td>
赵国平
</td>
<td>
部门经理
</td>
<td>
管理组
</td>
<td>
125.02
</td>
<td>
0.0
</td>
<td>
3438.49
</td>
<td>
3563.52
</td>
<td>
125.02
</td>
</tr>
<tr>
<td>
1027
</td>
<td>
赵国勇
</td>
<td>
部门经理
</td>
<td>
采购部
</td>
<td>
309.29
</td>
<td>
0.0
</td>
<td>
5372.26
</td>
<td>
5681.56
</td>
<td>
309.29
</td>
</tr>
<tr>
<td>
1028
</td>
<td>
赵国华
</td>
<td>
部门经理
</td>
<td>
业务员
</td>
<td>
859.0
</td>
<td>
0.0
</td>
<td>
11148.49
</td>
<td>
12008.21
</td>
<td>
859.71
</td>
</tr>
<tr>
<td>
1029
</td>
<td>
赵国强
</td>
<td>
部门经理
</td>
<td>
销售部
</td>
<td>
726.32
</td>
<td>
0.0
</td>
<td>
9754.92
</td>
<td>
10481.84
</td>
<td>
726.92
</td>
</tr>
</tbody>
</table>
</body>
</html>