js print打印网页指定区域内容

时间：2013-07-24 编辑：简简单单来源：一聚教程网

比较简单的办法

使用CSS，定义一个.noprint的class，将不打印的内容放入这个class内。

细如下：

代码如下	复制代码

要打印的内容。哈哈！

代码如下

复制代码

将不打印的代码放在这里。

打印

方法二利用js来操作

代码如下

复制代码

文件头部,不打印出来的内容。。。

这是被打印出来的内容

文件尾部，不打印出来的内容。。。

或者这样也可以

代码如下	复制代码
Content

上面js没测试过兼容性我们可使用jquery来设置

代码如下

复制代码

jquery 打印指定区域内容

打印区域~~~~

下面看看我自己实例的一种办法，原理是这样

JavaScript打印页面指定div区域原理：使用window.open()在浏览器打开一个新的页面（window）, 使用 window.document.write()将指定div区域的内容写入新窗口文档，document.close()关闭文档，使用window.print()调用打印机打印当前文档

JavaScript打印函数myPrint(obj)：

代码如下

复制代码

function myPrint(obj){
    //打开一个新窗口newWindow
    var newWindow=window.open("打印窗口","_blank");
    //要打印的div的内容
    var docStr = obj.innerHTML;
    //打印内容写入newWindow文档
    newWindow.document.write(docStr);
    //关闭文档
    newWindow.document.close();
    //调用打印机
    newWindow.print();
    //关闭newWindow页面
    newWindow.close();
}
myprint()调用方法：

myPrint(document.getElementById('printDivID'));

例

代码如下

复制代码

打印演示区域,点击打印后会在新窗口加载这里的内容！

上一个： HTML5学习笔记：HTML5 Video元素
下一个： jQuery ajax serialize() 提交表单数据

推荐专题

最新下载

热门教程

js print打印网页指定区域内容

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程