`
redalx
  • 浏览: 181397 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

web打印分页

WebHTMLF#
阅读更多 
<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 onbeforeprint="pp.beforePrint()" onafterprint="pp.afterPrint()">

  
    ---------------------------------------------------------------------------------------------------  
**    作者：ttyp  
**    邮件：ttyp@21cn.com  
**    日期：2005-12-13  
**    ==================================================================================================  
*/
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]) + "\n" ; 
                    rowIndex= 2;
                                                                            
                } else {
                    rows    += getOuterHTML(table.rows[i]) + "\n"; 
                    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';
        
        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 += "\n<" + 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 += ">\n" + getOuterHTML(table.rows[0]) + content + "</" + table.tagName + ">";
            } else {
                htm += ">\n" + content + "</" + table.tagName + ">\n";
            }        
        }

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

        htm += "\n<div class='pageNext'></div>"
        
        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>
分享到：
| 拖动层布局
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS 实现web分页打印功能

    综上所述，通过合理地使用`Window.print()`方法结合CSS样式控制和JavaScript逻辑，我们可以实现一个强大的Web分页打印功能。确保对各种浏览器进行充分测试，并根据需要进行优化，以提供最佳用户体验。

    JS分页，WEB分页打印

    实现简单的web打印分页功能，适用于WEB工程的打印预览

    锐洋Java Web打印控件

    ePrint内含一个在vc7.0上开发的ActiveX控件（180k）, 这个控件主要实现对打印参数的控制，eprint使用户通过JavaScript脚本可以控制自定义纸张尺寸，打印方向，页边距,打印份数,页眉,页脚,web打印分页等等属性 ...

    Web Html 分页、表格跨页断裂处理、自定义页眉页脚页码打印控件

    Web打印控件，完美解决以下HTML打印难题 1.Web Html 分页打印 2.内容、图片、表格跨页断裂，封边 3.table并行、并列双边、重边 4.自动计算页码（总数及每一页），样式、位置、形式完全个性化 5.页眉页脚，去除浏览...

    免费web打印控件 V1.88

    ePrint内含一个在vc7.0上开发的ActiveX控件（180k）, 这个控件主要实现对打印参数的控制，eprint使用户通过JavaScript脚本可以控制自定义纸张尺寸，打印方向，页边距,打印份数,页眉,页脚,web打印分页等等属性 ...

    jquery打印HTML表格自动分页

    在打印之前，可以使用CSS来调整打印页面的布局，比如隐藏不需要打印的元素，调整分页表格的样式等。 7. **清理**：在打印结束后，记得清理分页后的表格结构，恢复原始表格的显示。 在实现这个功能时，可能还会遇到...

    asp完美打印组件 支持打印预览 打印分页等许多强大功能

    其次，打印分页是另一项关键功能。在处理长篇内容时，自动分页能够保证内容按页正确地分布在多页纸上，避免信息被截断。开发者可以设置特定的分页规则，如每页固定的行数或字符数，或者根据页面元素的位置进行分页。...

    web 页面分页打印的实现

    Web 页面分页打印的实现 Web 页面分页打印是指在网页中实现分页打印的功能，使得用户可以根据需要选择性打印网页的特定部分。下面是实现 Web 页面分页打印的详细知识点： 一、引入 WebBrowser 控件 要实现 Web ...

    web打印动态分页生成PDF插件，项目地址.txt

    一个解决web打印，动态多页数据分页困难。及html转pdf的方案。 用此插件生成的预览页面，可方便的从浏览器打印PDF，下载PDF 不要下载了，直接参考：https://blog.csdn.net/qq_40995828/article/details/112802426

    asp.net实现web打印功能

    在ASP.NET中实现Web打印功能是一项常见的需求，它允许用户直接从网页上打印内容而无需先下载文件。本文将深入探讨如何在ASP.NET环境中构建这一功能，并基于描述中的"print.html"文件，推测这是一个用于演示Web打印...

    web打印，打印预览

    Web打印和打印预览是网页开发中的重要组成部分，它们允许用户在正式打印前查看文档的打印效果，确保格式正确无误。在这个过程中，开发者通常会利用浏览器提供的API和CSS技术来实现这一功能。下面我们将详细探讨这个...

    Web打印控件(目前最强大最专业最新版本)

    22.如何构建自己的纯WEB打印预览见样例二十二 23.如何居中打印超文本见样例二十三 24.如何选择界面皮肤见样例二十四 25.如何指定输出到哪页或仅预览见样例二十五 26.如何提高多页打印的性能见样例二十六 27.如何导出...

    jsp 分页 局部打印 技术 的实现

    在Web开发中，特别是使用JSP进行页面设计时，分页和打印功能是提升用户体验的重要方面。本文将深入探讨如何在JSP页面中实现分页局部打印，主要关注的技术点包括：JSP分页原理、局部打印的实现方法、以及使用Lodop...

    ASP实现web分页打印及web页面导出Excel文件.pdf

    在ASP（Active Server Pages）开发中，有两个常见的需求：web分页打印和将web页面内容导出为Excel文件。这两个功能对于提供用户友好的交互体验至关重要，特别是在处理大量数据时。 首先，我们来讨论如何将web页数据...

    web打印的三种方法

    Web打印是将网页内容转化为纸质形式的一种技术，它使得用户能够方便地从浏览器或Web应用程序中直接打印所需的信息。在互联网日益普及的今天，Web打印成为个人和企业日常工作中不可或缺的一部分。本文将深入探讨Web...

    简单方便的web打印编辑器

    "简单方便的web打印编辑器"是指一种能够帮助用户在浏览器环境下轻松编辑和打印内容的工具，它使得非技术用户也能便捷地创建、格式化和输出文档。本文将深入探讨JS打印编辑器的关键知识点，以及如何构建和实现这样的...

    web打印插件

    Web打印插件是一种重要的软件工具，它允许用户在Web浏览器环境下进行打印操作，极大地扩展了网页应用程序的功能。这种插件通常被开发人员用于创建和设计各种报表，以便用户可以直接从网页上打印，无需离开浏览器界面...

    Web打印详解(实用版)

    Web打印在现代网络应用中扮演着重要角色，它允许用户将网页内容转化为纸质形式或PDF文档，方便保存和分享。本文将深入探讨Web打印的原理、实现方式以及优化技巧。 一、Web打印基础 1.1 原理：Web打印主要依赖...

    WEB打印组件

    5. 表格的自动分页和汇总：在WEB打印组件中，自动分页是一项重要功能，尤其对于大型数据表，可以避免单页过长，提高打印质量和阅读体验。而汇总功能则是在分页的基础上，对每一页或所有页的数据进行总计或计算，为...

    楚琳Web打印控件

    3. **多页面处理**：如果网页内容超出了单页范围，楚琳Web打印控件会自动处理分页，保证所有内容都能完整打印。 4. **图片和图形支持**：支持打印网页中的图片和其他图形元素，确保打印效果清晰。 5. **预览功能**...

Magicbox
Global site tag (gtag.js) - Google Analytics