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

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 == 30return;
          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);
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值