使用javascript对网页的部分内容进行打印

最新推荐文章于 2024-06-14 10:09:36 发布

原创最新推荐文章于 2024-06-14 10:09:36 发布 · 556 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #iframe #stylesheet #function #浏览器 #工具

本文介绍了一种使用JavaScript实现网页部分区域打印的方法。通过创建一个隐藏的iframe，并将需要打印的内容及其样式复制到iframe中，进而触发打印对话框完成打印任务。此方法可以避免打印整个页面，提高打印效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

该篇文章是我于2009年6月10日通过自己编写的工具，批量从位于在博客园的博客站点(http://chenxizhang.cnblogs.com)同步而来。文章中的图片地址仍然是链接到博客园的。特此说明！

陈希章

原文地址：http://www.cnblogs.com/chenxizhang/archive/2009/05/28/1491492.html
原文标题：使用javascript对网页的部分内容进行打印
原文发表：2009/5/28 14:40:00

function PrintContent(el) {

        var iframe = document.createElement('IFRAME');
        var doc = null;
        $(iframe).attr('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
        document.body.appendChild(iframe);
        doc = iframe.contentWindow.document;
        var links = window.document.getElementsByTagName('link');
        for (var i = 0; i < links.length; i++)
            if (links[i].rel.toLowerCase() == 'stylesheet')
            doc.write(' type="text/css" rel="stylesheet" href="' + links[i].href + '">');
        doc.write('

        doc.close();
        iframe.contentWindow.focus();
        iframe.contentWindow.print();
        document.body.removeChild(iframe);

}

window.print() 实际上，是浏览器打印功能菜单的一种程序调用。与点击打印功能菜单一样，不能精确分页，不能设置纸型，套打的问题更加无从谈起，只不过，可以让用户不用去点菜单，直接点击网页中的一个按钮，或一个链接里面调用罢了。事实上，很多用户都是采用这种方式打印，但是这种方式最致命的缺点是不能设置打印参数，比如纸型，页边距，选择打印机等等。

需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint、onafterprint。可以在打印前的时候重新编辑一些格式，专门送去打印，打印后又处理回来。
function window.onbeforeprint()
{
//将一些不需要打印的隐藏
}
function window.onafterprint()
{
//放开隐藏的元素
}

作者：陈希章
出处：http://blog.youkuaiyun.com/chen_xizhang
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。