页面内容打印和导出

打印:

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);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 未能 陪你走过 黑暗的人 不足以 陪你走过未来! 你问我为何时常沉默, 有的人无话可说, 有的话无人可说! ​​​...
    李鸿钧阅读 312评论 1 3
  • 我生在北方,却对大海有着莫名的眷恋 或许山与海总是能带给人们一些奇妙的感受 或许豪迈与宽阔是每个人的向往 或许人们...
    LilyBian阅读 505评论 0 1
  • 再次交作业的时候,就是2017年的年末了,无论你期待与否,2018年都将势不可挡的来到身边。其实,每到年末年初交汇...
    春暖花开jl阅读 256评论 0 2

友情链接更多精彩内容