window.print()

最新推荐文章于 2024-08-07 17:02:12 发布

一丢丢的幸福

最新推荐文章于 2024-08-07 17:02:12 发布

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML

本文链接：https://blog.youkuaiyun.com/dly120219891208/article/details/40614249

HTML 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的页面局部打印方法。通过定义特定的函数，可以仅打印页面中指定的部分内容，而不是整个页面。这种方法适用于需要精确控制打印范围的应用场景。

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

在页面上直接使用window.print();打印整个页面如：

【<a href="javascript:window.print();" class="a1">打印本页</a>】
		  	【<a href="javascript:window.close();" class="a1">关闭窗口</a>】

那有没有办法只打印页面部分内容呢，答案是肯定的，直接上代码

function printDIV(printarea){
var head="<html><head><title></title></head><body>";//先生成头部
var foot="</body></html>";//生成尾部
var newstr=document.all.item(printarea).innerHTML;//获取指定打印区域
var oldstr=document.body.innerHTML;//获得原本页面的代码
document.body.innerHTML=head+newstr+foot;//购建新的网页
window.print();//打印刚才新建的网页
document.body.innerHTML=older;//将网页还原
return false;
}