美文网首页
页面内容打印和导出

页面内容打印和导出

作者: 爱笑的疯小妞 | 来源:发表于2018-10-18 10:59 被阅读0次

    打印:

    var oPop = window.open('','oPop');
    var headStr=getHeadContent();     
    var contentStr=$("#printContainer").html();
    var str = '<!DOCTYPE html><html>'+headStr+'<body>'+contentStr+'</body></html>'; 
    oPop.document.write(str); 
    oPop.document.close();
    oPop.focus();
    oPop.print();  
    oPop.close(); 
    

    分页打印-CSS的page-break-after:always样式解决分页问题

    <div>
    <input type="button" value="打印" onclick="print()" />
    </div>  
    <div id="page1">  
    <table width="100%"  border="0" cellpadding="0" cellspacing="0" 
     style="page-break-after:always" >  
    <tr><td>第一页打印内容</td></tr>  
    </table>  
    </div>  
     <div id="page2">  
    <table width="100%"  border="0" cellpadding="0" cellspacing="0" >  
    <tr><td>第二页打印内容</td></tr>  
    </table>  
    </div>  
    
    <script>
    function print(){
      var oPop = window.open('','oPop');
      var headStr=getHeadContent();     
      var contentStr=document.getElementById('page1').innerHTML
    + document.getElementById('page2').innerHTML;
    var str = '<!DOCTYPE html><html>'+headStr
    +'<body>'+contentStr+'</body></html>' 
      oPop.document.write(str); 
      oPop.document.close();
      oPop.focus();
      oPop.print();  
      oPop.close(); 
    }
    function getHeadContent(){
    var printStr = "<html>
    <head>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
    </head>
    <body >";  
    return printStr;
    }
    </script>
    

    导出:

    var excelUrl = "../schedule/export.do?"+urlEncode(param);
    window.open(excelUrl);
    

    相关文章

      网友评论

          本文标题:页面内容打印和导出

          本文链接:https://www.haomeiwen.com/subject/btdkvftx.html