美文网首页
js简单打印功能

js简单打印功能

作者: 88b8bc429474 | 来源:发表于2018-08-01 21:50 被阅读0次

js打印功能

function printNow(titles,idt) {

//获取指定id标签内的所有内容

    var sdata = document.all.item(idt);

    var temp;

    var title;

//记录整个页面

    temp = document.body.innerHTML;

    title = document.title;

    //重画内容和标题

    document.body.innerHTML = sdata.outerHTML;

    document.title = titles;

//打印

    window.print();

    //还原内容和标题

    document.body.innerHTML = temp;

    document.title = title;

//重新加载页面js

    loadJs("js/cashmanage/virtualacc/virtualAccCheckQryJS.js");

}

主要核心打印功能使用  window.print();实现,但这个方法使用有一系列限定,他会打印当前页面所有内容,所有需要将需要打印的内容放置本页面,然后打印,在打印后再将原页面恢复,最后重新加载页面js,恢复页面功能。

最后一步很重要,在调用window.print();后即使恢复页面,页面也只是静态的,无法读取到js,所以我们需要在调用window.print();方法后把页面js重新加载一次,让页面可以再次读取到js,恢复页面功能。

相关文章

网友评论

      本文标题:js简单打印功能

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