用window.print()打印指定div里面的内容
来源:互联网 发布:程序员考试难吗 编辑:程序博客网 时间:2024/05/17 17:17
http://www.cnblogs.com/qingtaong/archive/2012/07/27/2611716.html
今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了
- <!--window.print打印指定div
- window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢?
- 首先我们可以把要打印的内容放在div中,然后用下面的代码进行打印。
- -->
- <html>
- <head>
- <script language="javascript">
- function printdiv(printpage)
- {
- var headstr = "<html><head><title></title></head><body>";
- var footstr = "</body>";
- var printData = document.getElementById("dvData").innerHTML; 获得 div 里的所有 html 数据
- var oldstr = document.body.innerHTML;
- document.body.innerHTML = headstr+newstr+footstr;
- window.print();
- document.body.innerHTML = oldstr;
- return false;
- }
- </script>
- <title>div print</title>
- </head>
- <body>
- //HTML Page
- //Other content you wouldn't like to print
- <input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print ">
- <div id="div_print">
- <h1 style="Color:Red">The Div content which you want to print</h1>
- </div>
- //Other content you wouldn't like to print
- //Other content you wouldn't like to print
- </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(); // 开始打印
这种打印方式的优劣 :消耗资源少 | 格式不够灵活
0 0
- 用window.print()打印指定div里面的内容
- 用window.print()打印指定div里面的内容
- 用window.print()函数打印网页指定区域的内容
- window.print打印指定div
- window.print打印指定div
- window.print打印指定div
- window.print打印指定div
- window.print打印指定div-打印网页指定区域
- window.print打印指定div指定网页指定区域的方法
- window.print打印指定div实例代码_javascript技巧
- $window.print()打印modal框的内容
- 直接调用window.print将打印网页上的指定内容
- window.print()打印指定区域
- 指定window.print 打印区域
- window.print打印指定区域。
- window.print的使用(含打印网页指定区域)
- window.print()打印网页中指定内容的实现方法
- window.print()打印网页中指定内容的实现方法
- SQL Network Interfaces, error: 50 - 发生了 Local Database Runtime 错误。无法创建自动实例
- Redis与Memcached的区别
- Guava(二):重写的那些Object方法
- 安卓学习路线
- Android--广播接收者
- 用window.print()打印指定div里面的内容
- Handler详解之二
- Open CV 学习经验总结
- 常量指针与指针常量
- 基于maven搭建ssh项目
- 算加权成绩(MATLAB)
- Java后台面试知识点个人总结
- JSP里session 的生命周期
- 欢迎使用CSDN-markdown编辑器