批量打印html⽂档,web页⾯的单页打印以及批量打印实现⽅法打印事件:window.print()
1.单页打印(布局打印):
function printCnt(){
//1.获取当前页的html代码
var body = window.document.body.innerHTML;
//2.要打印的部分(#print⾥⾯的内容就是要打印的内容)
window.document.body.innerHTML =ElementById("print").innerHTML;
耸的拼音和组词window.print();中考成绩怎么查分数
window.document.body.innerHTML = body;
//重新载⼊当前⽂档:
}
注意:load();要加,因可解决JS window.print()第⼆次点击事件失效问题
2.批量打印
注意点:
(1).控制⽹页的分页:page-break-after:always
注意:避免在表格、浮动元素、带有边框的块元素中使⽤分页属性
(2).给每个分页的内容要加⼀个⾼度,防⽌变样
沈阳第一高楼报告单1
报告单2
(3).如果使⽤window.open(“showPrint.html”,”print”); 打印预览页⾯的话
金刚狼3豆瓣//如果是本地测试,需要先新建Print.html,如果是在域中使⽤,则不需要
/
/ res 是后端返回的需要打印的xxx.html页⾯
var pwin=window.open(res,"print");dnf洞察之眼攻略
老电影爱情故事片pwin.document.write(res);
pwin.document.close();//这个是必须的
注意:pwin.document.close(); 可以关闭showPrint.html的页⾯,使其第⼆次打印的时候不会跳转到showPrint.html
⽂章来源:⽥珊珊个⼈博客
申请创业报道,分享创业好点⼦。点击此处,共同探讨创业新机遇!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论