打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
window.print()实现分页打印
userphoto

2023.02.28 湖南

关注

技术标签: JavaScript  java  javascript

第一种方法:字符串拼接的方式

表头在style中填写样式

 var printStr = "<html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8'>" +
         "<style media='print' type=\"text/css\">@page {size: auto; margin: 0mm; }</style>" +
         "</head><body >";
     var content = "";
     var str = document.getElementById('page1').innerHTML;     //获取需要打印的页面元素 ,page1元素设置样式page-break-after:always,意思是从下一行开始分割。
     content = content + str;
     str = document.getElementById('page2').innerHTML;     //获取需要打印的页面元素
     content = content + str;
     printStr = printStr+content+"</body></html>";//完成字符串拼接
     window.document.body.innerHTML=printStr; //把需要打印的指定内容赋给body.innerHTML
     window.print(); //调用浏览器的打印功能打印指定区域1234567891011

第二种方法:

var pwin=window.open(basePath + "ect/companyHandleQuery.do?pripid="+pripid+"&sign=1","print"); //直接在open中添加url  url可以使jsp/html路径。也可以是后台Controller 方法pwin.document.close();     //这句很重要,没有就无法实现pwin.print();
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
window.print打印指定div实例代码
extjs 组件打印 问题
innerHTML的应用
innerText 与 innerHtml的区别 (一)
JavaScript 的HTML转义方法 html
asp.net 如何弹出模式窗口
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服