您的位置：首页 > 其它

固定头部和尾部，分页打印详细内容

2006-10-11 16:23 736 查看

page-break-after:always ：是在这个元素之后进行分页，即这个元素以后的内容全部在下一个页面显示
nextSibling ：临近同等级元素的下一个元素
cloneNode（arg）：复制(克隆)节点，参数arg：false表示只复制其结构，不复制其中的内容，true表示其结构和内容都复制
insertBefore（newNode，cankaoNode）：在cankaoNode前插入newNode，并放回新插入的节点【好像就是newNode】
deleteRow（index）：删除某一行

<html>

<head>

<title>emu's sample of printing with title</title>

<style>...

@media screen{...}{.onlyPrint{display:none}}

@media print{...}{.onlyShow{display:none} .onlyPrint{...}{page-break-after:always}}

</style>

<SCRIPT LANGUAGE="JavaScript">...

<!--

function loaddata()

...{

var fristtr = document.getElementById("show").childNodes[1];

var temptr = fristtr;

var fristtdtextnode = temptr.childNodes[0].childNodes[0];

var temptdtextnode = fristtdtextnode;

for(var i = 1;i <31;i++)

...{

temptdtextnode.nodeValue =i;

if (i == 30) return;

temptr = temptr.nextSibling;

temptdtextnode = temptr.childNodes[0].childNodes[0];

}

// 这里定义每页能打印多少行

//模拟数据

function prepare()

...{

var artoutr = new Array();

var arbiaotou = new Array();

var arditr = new Array();

var frist = true;

for(var i=parseInt(linesPerPage.value);i<(show.children.length-1); i+=parseInt(linesPerPage.value))

...{

var biaotou,toutr,td,temptou,tempdi,ditr;

//tempdi = document.getElementById("di").cloneNode(true);

//头信息到toutr

toutr = show.children[1].cloneNode(false);

td = show.children[1].children[1].cloneNode(false);

td.colSpan = 9;

td.align = "center";

temptou = document.getElementById("tou").cloneNode(true);

td.appendChild(temptou);

toutr.appendChild(td);

//底信息到ditr

ditr = show.children[1].cloneNode(false);

td = show.children[1].children[1].cloneNode(false);

td.colSpan = 9;

td.align = "center";

tempdi = document.getElementById("di").cloneNode(true);

td.appendChild(tempdi);

ditr.appendChild(td);

//详细数据的标题头

biaotou = show.firstChild.cloneNode(true);

//添加底信息

ditr = show.insertBefore(ditr,show.children[i]);

//添加头信息

toutr = show.insertBefore(toutr,show.children[i+1]); //复制标题行【就是员工号那行】

//添加详细数据标题头

biaotou = show.insertBefore(biaotou,show.children[i+2]);

show.children[i].className = "onlyPrint";

arditr[arditr.length] = ditr;

artoutr[artoutr.length] = toutr;

arbiaotou[arbiaotou.length] = biaotou;

}

preView();

for (var i=artoutr.length-1;i>-1;i--)

...{

show.deleteRow(arditr[i].rowIndex);

show.deleteRow(artoutr[i].rowIndex);

show.deleteRow(arbiaotou[i].rowIndex);

}

function pageSetup()...{try...{WB.ExecWB(8,1)}catch(e)...{alert("您的浏览器不支持此功能")}}

function preView()...{try...{WB.ExecWB(7,1)}catch(e)...{alert("您的浏览器不支持此功能")}}

//-->

</SCRIPT>

</head>

设定每页打印<input id=linesPerPage size=4 value=10>行

<tr>

</tr>

</table>

<tr>

<tr><td>1003</td><td>赵志华</td><td>副总裁</td><td style="width: 87px">质量管理部</td><td>859.69</td><td>0.0</td><td>11155.8</td><td>12016.21</td><td>860.41</td></tr>

<tr><td>1005</td><td>赵小燕</td><td>副总经理</td><td style="width: 87px">计划调度室</td><td>8.98</td><td>0.0</td><td>2036.64</td><td>2045.62</td><td>8.98</td></tr>

<tr><td>1008</td><td>赵小华</td><td>经理助理</td><td style="width: 87px">用户服务部</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 style="width: 87px">质量管理部</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 style="width: 87px">海外市场部</td><td>8.98</td><td>0.0</td><td>2036.64</td><td>2045.62</td><td>8.98</td></tr>

<tr><td>1014</td><td>赵强</td><td>部门经理</td><td style="width: 87px">总裁办公室</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 style="width: 87px">企业发展部</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 style="width: 87px">质量管理部</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 style="width: 87px">计划财经部</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 style="width: 87px">人事行政部</td><td>859.0</td><td>0.0</td><td>11148.49</td><td>12008.21</td><td>859.71</td></tr>

<tr><td>1022</td><td>赵健勇</td><td>部门经理</td><td style="width: 87px">计划调度室</td><td>309.29</td><td>0.0</td><td>5372.26</td><td>5681.56</td><td>309.29</td></tr>

<tr><td>1024</td><td>赵健强</td><td>部门经理</td><td style="width: 87px">质量管理部</td><td>726.32</td><td>0.0</td><td>9754.92</td><td>10481.84</td><td>726.92</td></tr>

</tr>

</tbody>

</table>

<tr>

</tr>

</table>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航