Chinaunix首页 | 论坛 | 博客
  • 博客访问: 490454
  • 博文数量: 226
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2111
  • 用 户 组: 普通用户
  • 注册时间: 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文(226)

文章存档

2020年(2)

2019年(1)

2018年(3)

2017年(26)

2016年(57)

2015年(60)

2014年(77)

我的朋友

分类: Web开发

2014-12-29 09:09:38

window.print();用于打印网页;

打印特定控件或内容:
  1. <html>
  2. <head>
  3. <script language="javascript">
  4. function printdiv(printpage)
  5. {
  6.     var headstr = "";
  7.     var footstr = " ";
  8.     var newstr = document.all.item(printpage).innerHTML;
  9.     var oldstr = document.body.innerHTML;
  10.     document.body.innerHTML = headstr+newstr+footstr;
  11.     window.print();
  12.     document.body.innerHTML = oldstr;
        return false;
  13. }
  14. </script>
  15. <title>div print</title>
  16. </head>
  17. <body>
  18. <input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print ">
  19. <div id="div_print">
        <h3 style="Color:Red">The Div content which you want to print</h1>
    </div>

    </body>
    </html>
总结:

用 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(); // 开始打印 

阅读(772) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~