小知识:web页面的单页打印以及批量打印实现方法

列印该事件:window.print()

1.白眉林列印(产业布局列印):

function printCnt(){

    //1.以获取现阶段页的html标识符  

    var body = window.document.body.innerHTML; 

    //2.要列印的部份(#print里头的文本是要列印的文本)

    window.document.body.innerHTML =document.getElementById("print").innerHTML; 

    window.print();

    window.document.body.innerHTML = body;

    //再次写入现阶段文件格式:
    location.reload();
}

特别注意:location.reload();加有,因可化解JS window.print()第三次点选该事件失灵难题

2.大批量列印

特别注意点:

(1).掌控页面的巨集:page-break-after:always

特别注意:防止在表单、自由浮动原素、暗含前面板的块原素中采用巨集特性

(2).给每一巨集的文本加有两个度,防止Faster

诊断书1

诊断书2

(3).假如采用window.open(“showPrint.html”,”print”); 列印自动更新页面不然

//假如是本地测试,需要先新建Print.html,假如是在域中采用,则不需要
// res 是后端返回的需要列印的xxx.html页面
var pwin=window.open(res,"print");
pwin.document.write(res); 
pwin.document.close();//这个是必须的 
特别注意:pwin.document.close(); 可以关闭showPrint.html的页面,使其第三次列印的时候不会跳转到showPrint.html
声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。
建站知识

猿站网:vue项目el-input键盘事件

2022-5-19 21:50:46

建站知识

猿站网:for……in for……of 区别

2022-5-20 21:49:19

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索