用window.print()打印指定div里面的内容

用window.print()打印指定div里面的内容

今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了

 

      1. div print
      2. //HTML Page
      3. //Other content you wouldn't like to print
      4. "b_print" type="button"class="ipt" onClick="printdiv('div_print');" value=" Print ">
      5. "div_print">
      6. "Color:Red">The Div content which you want to print

  • //Other content you wouldn't like to print
  • //Other content you wouldn't like to print


  • 同理:

    用 JavaScript 实现页面数据的打印 : 主要是用到了一个 print() 函数 , 该函数将会打印整个 web 页面 body 内的所有 html 数据 ! 使用方法为 window.print(); 打印页面上局部的数据,则可以 用

    //把数据嵌套在 一个 div 里,获得 div

    var printData = document.getElementById("dvData").innerHTML; 获得 div 里的所有 html 数据

    window.document.body.innerHTML = printData; //把 html 里的数据 复制给 body 的 html 数据 ,相当于重置了 整个页面的 内容
    window.print(); // 开始打印

    这种打印方式的优劣 :消耗资源少 | 格式不够灵活

    (转http://www.cnblogs.com/qingtaong/archive/2012/07/27/2611716.html)

    我们知道IE下用window.print()能自动动用打印功能,但是打印的是整个web页面,如果我们只想对页面中的某一部分进行打印,该怎么办呢?
    很简单,利用iframe将需要打印的部分以src的方式置于另一个独立页面中,然后在调用window.print()时,使用parent.iframnam.focus(),使得该iframe获得焦点,然后打印即可。

    打印

    转载于:https://www.cnblogs.com/dean-Wei/p/3283992.html

    你可能感兴趣的:(用window.print()打印指定div里面的内容)