js简单打印功能

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,恢复页面功能。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,963评论 1 45
  • **1.document.write(""); 输出语句 ****2.JS中的注释为// ****3.传统的HTM...
    reallychao阅读 5,630评论 1 40
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 4,191评论 0 3
  • 生活有时就像一只生硬硬盖下来的大手,压得你喘不过气来,在现实与梦想之间挤压、旋转、抽离、拉扯,也会被按进深不见底的...
    素年锦时83阅读 1,215评论 0 0
  • 现在很多人都想办法让自己瘦下来,但怎么也减不下来。减肥应该从哪些角度来考虑?第一点要考虑的是胖人多湿,瘦人多火。所...
    阅读中医阅读 3,783评论 0 1