美文网首页
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