转载js实现打印功能

最新推荐文章于 2025-09-10 19:44:49 发布

转载最新推荐文章于 2025-09-10 19:44:49 发布 · 70 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/loveAnimal/p/3154629.html

文章标签：

#javascript #ViewUI

本文将介绍一种在网页中实现局部打印功能的方法，包括JavaScript函数的编写及使用，帮助开发者解决在网页上局部打印特定内容的需求。

<div id="print">
打印的内容
</div>
<a href="javascript:void(0)" onclick="printView('print');">打印</a>

实现打印的JS函数:
//局部打印
function printView(id)
{
    var sprnhtml = $(id).outerHTML;
    var selfhtml = window.document.body.innerHTML;//获取当前页的html

    window.document.body.innerHTML = sprnhtml;
    window.print();
    window.document.body.innerHTML=selfhtml;

}
如果是要页面打印，那么一句话就搞定了
function printView(id)
{
    window.print();
}