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