WEB打印分页类(JS)

最新推荐文章于 2023-03-03 16:39:34 发布
最新推荐文章于 2023-03-03 16:39:34 发布
阅读量670 收藏
点赞数
分类专栏： JavaScript Asp Asp.Net Ajax 文章标签： web function html border table header
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lfywy/article/details/2475685
版权
JavaScript 同时被 3 个专栏收录
36 篇文章 0 订阅
订阅专栏
Asp
7 篇文章 0 订阅
订阅专栏
Asp.Net Ajax
6 篇文章 0 订阅
订阅专栏

 



 < HTML >
< HEAD >
< TITLE > print </ TITLE >
< meta  http-equiv ="content-type"  content ="text/html;charset=gb2312" >
< style >
/**//**
 *    打印相关
*/ 
@media print 
{}{
    .notprint 
    {
        display:none;
    }
    .PageNext
    {}{
        page-break-after:always;
    }     
}

@media screen 
{}{
    .notprint 
    {
        display:inline;
        cursor:hand;
    }
}

.text1
{}{
    width: 120px;
    overflow: hidden; 
    text-overflow:ellipsis;
}
.text2
{}{
    width: 80px;
    overflow: hidden; 
    text-overflow:ellipsis;
}
 </ style >

< script  language ="javascript" >
<!--

/**//** 
**    ==================================================================================================  
**    类名：CLASS_PRINT  
**    功能：打印分页  
**    示例：  
    ---------------------------------------------------------------------------------------------------  
  
        var pp = new CLASS_PRINT();

        window.onload = function(){
            pp.header = document.getElementById("tabHeader");
            pp.content= document.getElementById("tabDetail");
            pp.footer = document.getElementById("tabFooter");

            pp.hideCols("5,7");    
            pp.hideRows("3,15");
            pp.pageSize = 10;    
        }

        <BODY οnbefοreprint="pp.beforePrint()" οnafterprint="pp.afterPrint()">

  
    ---------------------------------------------------------------------------------------------------  
**    作者：ttyp  
**    邮件：ttyp@21cn.com  
**    日期：2006-11-10  
**    ==================================================================================================  
*/
function CLASS_PRINT()
{
    this.header        = null;
    this.content    = null;
    this.footer        = null;
    this.board        = null;
    this.pageSize    = 10;

    var me            = this;

    //哈希表类
    function Hashtable()
    {
        this._hash        = new Object();
        this.add        = function(key,value){
                            if(typeof(key)!="undefined"){
                                if(this.contains(key)==false){
                                    this._hash[key]=typeof(value)=="undefined"?null:value;
                                    return true;
                                } else {
                                    return false;
                                }
                            } else {
                                return false;
                            }
                        }
        this.remove        = function(key){delete this._hash[key];}
        this.count        = function(){var i=0;for(var k in this._hash){i++;} return i;}
        this.items        = function(key){return this._hash[key];}
        this.contains    = function(key){return typeof(this._hash[key])!="undefined";}
        this.clear        = function(){for(var k in this._hash){delete this._hash[k];}}

    }

    //字符串转换为哈希表
    this.str2hashtable = function(key,cs){
        
            var _key    = key.split(/,/g);
            var _hash    = new Hashtable();
            var _cs        = true;

        
            if(typeof(cs)=="undefined"||cs==null){
                _cs = true;
            } else {
                _cs = cs;
            }

            for(var i in _key){
                if(_cs){
                    _hash.add(_key[i]);
                } else {
                    _hash.add((_key[i]+"").toLowerCase());
                }

            }
            return _hash;
        }

    this._hideCols    = this.str2hashtable("");
    this._hideRows    = this.str2hashtable("");

    this.hideCols = function(cols){
        me._hideCols = me.str2hashtable(cols)
    }

    this.isHideCols = function(val){    
        return    me._hideCols.contains(val);
    }

    this.hideRows = function(rows){
        me._hideRows = me.str2hashtable(rows)
    }

    this.isHideRows = function(val){    
        return    me._hideRows.contains(val);
    }

    this.afterPrint = function()
    {
        var table = me.content;        
        
        if(typeof(me.board)=="undefined"||me.board==null){        
            me.board = document.getElementById("divPrint");
            if(typeof(me.board)=="undefined"||me.board==null){
                me.board = document.createElement("div");
                document.body.appendChild(me.board);
            }
        }

        if(typeof(table)!="undefined"){
            for(var i =0;i<table.rows.length;i++){
                var tr = table.rows[i];
                for(var j=0;j<tr.cells.length;j++){
                    if(me.isHideCols(j)){
                        tr.cells[j].style.display = "";
                    }
                }
            }
        }

        me.content.style.display    = '';
        me.header.style.display        = '';
        me.footer.style.display        = '';
        me.board.innerHTML            = '';

    }

    this.beforePrint = function(){

        var table = me.content;    

        if(typeof(me.board)=="undefined"||me.board==null){        
            me.board = document.getElementById("divPrint");
            if(typeof(me.board)=="undefined"||me.board==null){
                me.board = document.createElement("div");
                document.body.appendChild(me.board);
            }
        }


        if(typeof(table)!="undefined"&&this.hideCols.length>0){        
            
            for(var i =0;i<table.rows.length;i++){
                var tr = table.rows[i];
                for(var j=0;j<tr.cells.length;j++){
                    if(me.isHideCols(j)){                    
                        tr.cells[j].style.display = "none";
                    }
                }
            }
        }
    
        
        ///开始分页    
        var pageSize = this.pageSize;
        
        var head    = me.header;
        var foot    = me.footer;
        
        var page    = new Array();
        var rows    = "";    
        var rowIndex= 1;

        var cp        = 0;
        var tp        = 0;
        
        
        for(i=1;i<table.rows.length;i++){                
            if(this.isHideRows(i)==false){
                if((((rowIndex-1)%pageSize)==0&&rowIndex>1)||i==table.rows.length){                                
                    page[page.length] = getTable(head,table,rows,foot);
                                                    
                    rows    = getOuterHTML(table.rows[i]) + " " ; 
                    rowIndex= 2;
                                                                            
                } else {
                    rows    += getOuterHTML(table.rows[i]) + " "; 
                    rowIndex++;
                }
            }
        }
        
        if(rows.length>0){
            page[page.length] = getTable(head,table,rows,foot);
        }

        tp = page.length;

        for(var i=0;i<page.length;i++){
            page[i] = page[i].replace(/<!--ct-->/g,(i+1)+'/' + tp).replace(/<!--cp-->/g,i+1).replace(/<!--tp-->/g,tp);
        }
        
                    
        head.style.display        = 'none';
        foot.style.display        = 'none';
        table.style.display        = 'none';
        if(page.length>1){
            me.board.innerHTML = page.join(" <div class='pageNext'></div>");
        }else{
            me.board.innerHTML = page.join("");
        }
    }

function getOuterHTML (node) {

    if(typeof(node)!="undefined"&&typeof(node.outerHTML)!="undefined"){
        return node.outerHTML;
    }

    var emptyElements = {
      HR: true, BR: true, IMG: true, INPUT: true
    };
    var specialElements = {
      TEXTAREA: true
    };

    var html = '';
    switch (node.nodeType){
        case Node.ELEMENT_NODE:
            html += '<';
            html += node.nodeName;
            if (!specialElements[node.nodeName]) {
                for (var a = 0; a < node.attributes.length; a++)
                    html += ' ' + node.attributes[a].nodeName.toUpperCase() + '="' + node.attributes[a].nodeValue + '"';
                html += '>'; 
                if (!emptyElements[node.nodeName]){
                    html += node.innerHTML;
                    html += '</' + node.nodeName + '>';
                }
            }
            else 
                switch (node.nodeName){
                    case 'TEXTAREA':
                        var content = '';
                        for (var a = 0; a < node.attributes.length; a++)
                            if (node.attributes[a].nodeName.toLowerCase() != 'value')
                                html += ' ' + node.attributes[a].nodeName.toUpperCase() + '="' + node.attributes[a].nodeValue + '"';
                            else 
                                content = node.attributes[a].nodeValue;
                            html += '>'; 
                            html += content;
                            html += '</' + node.nodeName + '>';
                        break; 
                }
            break;
        case Node.TEXT_NODE:
            html += node.nodeValue;
            break;
        case Node.COMMENT_NODE:
            html += '<!' + '--' + node.nodeValue + '--' + '>';
            break;
    }
    return html;
}

    function getTable(header,table,content,footer){
        var htm = "";

        if(typeof(header)!="undefined"){
            htm += getOuterHTML(header);
        }

        if(typeof(table)!="undefined"){        
            htm += " <" + table.tagName;
            
            for(var i =0;i<table.attributes.length;i++){
                if(table.attributes[i].specified){
                    if(table.attributes[i].name=="style")
                        htm += " style='" + table.style.cssText + "'";
                    else
                        htm += " " + table.attributes[i].nodeName + "='" + table.attributes[i].nodeValue + "'";
                }        
            }    
            
            if(table.rows.length>0){
                htm += "> " + getOuterHTML(table.rows[0]) + content + "</" + table.tagName + ">";
            } else {
                htm += "> " + content + "</" + table.tagName + "> ";
            }        
        }

        if(typeof(footer)!="undefined"){
            htm += getOuterHTML(footer);
        }
        
        return htm;
    }

    if(!window.attachEvent){
        window.attachEvent = function(){window.addEventListener(arguments[0].substr(2),arguments[1],arguments[2]);}
    }
}


var pp = new CLASS_PRINT();

window.onload = function()
{

    pp.header = document.getElementById("tabHeader");
    pp.content= document.getElementById("tabDetail");
    pp.footer = document.getElementById("tabFooter");

    pp.hideCols("5,7");    
    pp.hideRows("3,15");
    pp.pageSize = 10;    
}

//-->
 </ script >
</ HEAD >
< BODY  onbeforeprint ="pp.beforePrint()"  onafterprint ="pp.afterPrint()" >

< table  border =0  width ="95%"  align =center  id ="tabHeader" >
     < tr >
         < td  align ="center" >< font  size ='6'  face ='楷体_gb2312' > 元件列表 </ font ></ td >
     </ tr >
     < tr >
         < td >< strong > 日期:2005年12月12日 </ strong ></ td >
     </ tr >
</ table >
< table  border =1  width ="95%"  style ="border-collapse:collapse;"  align =center  cellpadding =3  id ="tabDetail" >
     < tr  bgcolor ='#e8f4ff' >
         < td  align ="center"  width ="35" > 序号 </ td >
         < td  width ="160" > 产品名称 </ td >
         < td > 规格型号 </ td >
         < td  align ="center" > 品牌 </ td >
         < td  align ="right" > 数量 </ td >
         < td  width ="125" > 供应商 </ td >
         < td  align ="right" > 实际数量 </ td >
         < td  align ="center" > 包装 </ td >
         < td  align ="center" > 需用日期 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 1 </ td >
     < td >< span  class ="text2" >< nobr >
    贴片电路
     </ nobr ></ span >
     </ td >
     < td >
     < span  class ="text1"  title ='ADE7755  63 7' >
     < nobr >
    ADE7755ARS
     </ nobr ></ span >
     </ td >
     < td  align ="center" > ADI </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1"  title  ='世健国际贸易（上海）有限公司' >< nobr > 世健国际贸易（上海）有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 1003 </ td >
     < td  align ="center" > 59 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 2
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电容
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1"  title ='CC0805  0.1μ 168 7' >
     < nobr >
    C2012X7R1H104KT
     </ nobr ></ span >
     </ td >
     < td  align ="center" > TDK </ td >
     < td  align ="right" > 8000 </ td >
     < td  width ="125" >< span  class ="text1"  title  ='南京商络电子有限公司' >< nobr > 南京商络电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 8000 </ td >
     < td  align ="center" > 4000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 3
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电容
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1"  title ='CC0805  20p 162 7' >
     < nobr >
    C2012COG1H200JT
     </ nobr ></ span >
     </ td >
     < td  align ="center" > TDK </ td >
     < td  align ="right" > 2000 </ td >
     < td  width ="125" >< span  class ="text1"  title  ='南京商络电子有限公司' >< nobr > 南京商络电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 4000 </ td >
     < td  align ="center" > 4000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 4
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电容
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1"  title ='CC0805  33N 765 7' >
     < nobr >
    C2012X7R1H333KT
     </ nobr ></ span >
     </ td >
     < td  align ="center" > TDK </ td >
     < td  align ="right" > 4000 </ td >
     < td  width ="125" >< span  class ="text1"  title  ='南京商络电子有限公司' >< nobr > 南京商络电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 4000 </ td >
     < td  align ="center" > 4000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 5
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    压敏电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1"  title ='MY20K681  186 7' >
     < nobr >
    GND20D681K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > 中普 </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1"  title  ='苏州中普电子有限公司' >< nobr > 苏州中普电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 1000 </ td >
     < td  align ="center" > 1000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 6
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    晶振
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    HC-49U/S 3.579545MHz 20pf 带垫片
     </ nobr ></ span >
     </ td >
     < td  align ="center" > 海创 </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 武汉海创电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 1000 </ td >
     < td  align ="center" > 200 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 7
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    安规电容
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    275V-X2-0.47μF
     </ nobr ></ span >
     </ td >
     < td  align ="center" > 昱电 </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海昱电电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 1000 </ td >
     < td  align ="center" > 1000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 8
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    电解电容
     </ nobr ></ span >
     </ td >
     < td >

     < span  class ="text1" >
     < nobr >
    CD112 16V 33μF
     </ nobr ></ span >
     </ td >
     < td  align ="center" > Samyoung </ td >
     < td  align ="right" > 2000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海文得贸易有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 2000 </ td >
     < td  align ="center" > 2000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 9
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    电解电容
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    CD112S 16V 220μF
     </ nobr ></ span >
     </ td >
     < td  align ="center" > Samyoung </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海文得贸易有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 2000 </ td >
     < td  align ="center" > 2000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 10
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    电解电容
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    CD112S 35V 470μF
     </ nobr ></ span >
     </ td >
     < td  align ="center" > Samyoung </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海文得贸易有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 1000 </ td >
     < td  align ="center" > 1000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 11
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    插件电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RSF2BJ 470Ω
     </ nobr ></ span >
     </ td >
     < td  align ="center" > KOA </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海凡元电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 1000 </ td >
     < td  align ="center" > 100 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 12
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    发光二极管
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    L-314LRC-A-SS
     </ nobr ></ span >
     </ td >
     < td  align ="center" > HUADING </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海沪鼎电子有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 1000 </ td >
     < td  align ="center" > 1000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 13
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    插件二、三极管
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    1N4744A
     </ nobr ></ span >
     </ td >
     < td  align ="center" > MCC </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 励智电子（上海）有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 14
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    磁珠
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    B62
     </ nobr ></ span >
     </ td >
     < td  align ="center" > JONES </ td >
     < td  align ="right" > 2000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 北京中石伟业技术有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 15
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    晶振
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    CFS206 32.768kHz 20ppm/12.5pf
     </ nobr ></ span >
     </ td >
     < td  align ="center" > CITIZEN </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海创邦国际贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 1000 </ td >
     < td  align ="center" > 1000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 16
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-071K2
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 17
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805FR-071K2
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 2000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 18
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-0710R
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 19
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-0710K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 20
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-07150K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 21
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805FR-071K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 2000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 22
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-072K4
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 23
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-0720K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 24
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-072K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 25
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-07390K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 3000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 26
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-0739K
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >

     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

     < tr >
     < td  align ="center" > 27
     </ td >
     < td >
     < span  class ="text2" >< nobr >
    贴片电阻
     </ nobr ></ span >
     </ td >
     < td >
    
     < span  class ="text1" >
     < nobr >
    RC0805JR-074K7
     </ nobr ></ span >
     </ td >
     < td  align ="center" > YAGEO </ td >
     < td  align ="right" > 1000 </ td >
     < td  width ="125" >< span  class ="text1" >< nobr > 上海衡谦贸易有限公司 </ nobr ></ span ></ td >
     < td  align ="right" > 5000 </ td >
     < td  align ="center" > 5000 </ td >
     < td  align ="center" > 2005-11-04 </ td >
     </ tr >

</ table >
< table  width ="95%"  border =0  id ="tabFooter"  align =center  cellpadding =4 >
     < tr >
         < td > <!-- ct --> </ td >< td  align =right > 上海市XXX有限公司 </ td >
     </ tr >
</ table >
< div  id ="divPrint" ></ div >
< table  width ="95%"  align =center >
     < tr >
         < td  align =right >
             < input  type =button  id ="bp"   onclick ="pp.beforePrint();this.disabled = true;document.getElementById('ap').disabled = false;"  value ="打印前"  style ="border:1px solid #000000" > &nbsp; < input  id ="ap"  type =button  onclick ="pp.afterPrint();this.disabled = true;document.getElementById('bp').disabled = false;"  value ="打印后"  style ="border:1px solid #000000"  disabled =true > &nbsp; < input  type =button  value ='打印'  onclick ="window.print()"  style ="border:1px solid #000000" >
         </ td >
     </ tr >
</ table >
</ BODY >
</ HTML >
lfywy
关注
专栏目录
JS实现分页打印
三岁打酱油的博客
03-21 2926
使用网上的打印插件会有一些无法分页和样式丢失的问题，本文章记录使用window.print()实现打印，需要加入css控制打印内容显示。 分页 打印强制分页，父节点不能有overflow:hidden属性，打印分页模块使用display:inline-block; <div style="page-break-before:always;"></div> 实现 首先需要...
js设置html打印不分页,web 页面分页打印的实现
weixin_34193397的博客
06-18 1521
1．首先引入一个WebBrowser在需要打印的页面，可以直接添加：到页面，或者使用JavaScript在需要的时候临时添加也可以：document.body.insertAdjacentHTML("beforeEnd","classid=\"clsid:8856F961-340A-11D0-A96B-00C04FD705A2\">");2 .页面设置和打印预览如下所示，直接调用即可docu...
JS 实现web分页打印功能
11-09
使用JS的Window对象的Print方法实现兼容性强的分页打印功能，可直接运行，代码直接复制即可用。
JS 实现分页打印功能
01-19
在调用window.print()时，可以实现打印效果，但内容太多时要进行分页打印。 在样式中有规定几个打印的样式 page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。 每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。 page-break-before若设定成always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。 page-break-before若设定成left，则会
web 页面分页打印的实现
简单爱你所爱、世界也变得大了起来
01-09 780
--------------------隐藏不打印的页面元素和分页 ------------------------------ CSS 有个Media 属性，可以分开设置打印和显示的格式。  如 … 中间的格式将只在打印时起作用，不会影响显示界面。  所以可以设定    .Noprint{display:none;}  .PageNext{page-break-after: alw
Style.display 的用法
热门推荐
Bryan's Column
05-30 1万+
使用Style.display 样式时，显示对象用 obj.style.display = "block";隐藏对象用 obj.style.display = "none"附：display 语法 Syntax HTML { display : sDisplay }
学习web打印以及强制分页
最新发布
imthekingofthe的博客
03-03 1063
在元素后面插入页分割符直到它到达一个空白的左页边。：在元素后面插入页分割符直到它到达一个空白的右页边。具体配置如下，也可以传入配置对象，具体请查看官网。css属性：page-break-after。：避免在元素后出现页分割符。：使用与父元素相同的属性值。：强制在元素后出现页分割符。：对页面分割没有影响。
Web项目小票打印分页打印
tiger的专栏
10-23 2956
      项目需要在WEB项目中利用JS打印项目的考试标签基本信息。之前用了很多种方式。使用了LodopFuncs。不得不说LodopFuncs功能是比较的强大。但是需要收费，否则打印出来会出现“XX测试提供的水印”，不满足要求。       后来在网上试用了很多的方式。个人觉得杰表云打印挺适合的，代码简单。      杰表打印控件的英文名称为jatoolsPrinter，这是专为开发者打造...
java实现分页打印功能_web 页面分页打印的实现
weixin_39630126的博客
03-08 373
1．首先引入一个WebBrowser在需要打印的页面，可以直接添加：复制代码 代码如下:到页面，或者使用javascript在需要的时候临时添加也可以：复制代码 代码如下:document.body.insertAdjacentHTML("beforeEnd","classid=\"clsid:8856F961-340A-11D0-A96B-00C04FD705A2\">");2 .页面设置...
html中js控制分页,js控制分页打印、打印分页示例
weixin_36098128的博客
06-16 907
pageEncoding="UTF-8"%>javascript打印-打印页面设置-打印预览代码.Noprint{display:none;}.PageNext{page-break-after: always;}function printsetup(){// 打印页面设置wb.execwb(8,1);}function printpreview(){// 打印页面预览wb.execwb(...
Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件
10-11
Web打印控件，完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂，封边 3.table并行、并列双边、重边 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化 5.页眉页脚，去除浏览...
html打印预览 分页,有分页功能的WEB打印_js
weixin_39827728的博客
06-24 227
看看.Noprint{display:none;}.PageNext{page-break-after: always;}.tdp{border-bottom: 1 solid #000000;border-left: 1 solid #000000;border-right: 0 solid #ffffff;border-top: 0 solid #ffffff;}.tabp{border-co...
XMLHTTPRequest简介以及用法加个人真实示例
深海软件信息技术服务网【云中*深海】
06-11 3393
        Ajax的一个最大的特点是无需刷新页面便可向服务器传输或读写数据(又称无刷新更新页面),这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。这样就可以向再发桌面应用程序只同服务器进行数据层面的交换,而不用每次都刷新界面也不用每次将数据处理的工作提交给服务器来做,这样即减轻了服务器的负担又加快了响应速度、缩短了用户等候时间。　　        最早应用XMLHT
用JS读取.txt文件方法以及一个操作.txt文件通用类方法【深海原创】
深海软件信息技术服务网【云中*深海】
05-29 3122
一.js读取文件示例：var Arr=new Array();try{ var fso=new ActiveXObject("scripting.filesystemobject_0418s"); var txtstream=fso.openTextFile(c://data.txt); var txt=; while(!txtstream.atEndOfLine) {   Arr.p
JS写全国省市县无刷新多级关联菜单
深海软件信息技术服务网【云中*深海】
06-03 2245
看网上有好多示例,自己也搜集改编了一个：全国省市县无刷新多级关联菜单body,select{ font-size:9pt; font-family:Verdana;}a{ color:red; text-decoration:none;}a:hover{ text-decoration:underline;}function Dsy(){ this.Items = {};}Dsy.protot
select挡住div的解决方法以及frame问题和IE、FLASH与实用代码
深海软件信息技术服务网【云中*深海】
07-31 2095
 1.在div里加入下面的代码，根据需要调整就可以了  2.iframe(嵌入式帧)自适应高度 填写的嵌入地址一定要和本页面在同一个站点上，否则会提示“拒绝访问！”。*对跨域引用有权限问题，请查阅其他资料。 3.让IFRAME内的文档背景透明 " allowtransparency> 4.IE地址栏前换成自己的图标  5.iframe自适应高度
js实现的年月日下拉菜单式日期
深海软件信息技术服务网【云中*深海】
05-23 1167
html xmlns="http://www.w3.org/1999/xhtml">head>meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>title>年月日下拉菜单日期title>script type="text/javascript">...function DateSelector(selYear
AJAX提示信息框制作代码
深海软件信息技术服务网【云中*深海】
06-03 1084
深海技术支持-提示信息框制作a{ color:#000; font-size:12px;text-decoration:none}a:hover{ color:#900; text-decoration:underline}body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startC
Web页面分页打印技巧：JavaScript与CSS实现
本文主要介绍了如何在Web页面上实现...总结来说，本文提供了一种实用的方法，帮助开发者在Web开发中实现精确的分页打印功能，通过合理的布局和使用JavaScript、CSS以及IFrame等技术，使用户能够获得更好的打印体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值