前端页面内容打印

最新推荐文章于 2024-12-02 21:17:03 发布

pmsyn

最新推荐文章于 2024-12-02 21:17:03 发布

阅读量266

点赞数

分类专栏： js 文章标签：前端 javascript html5 打印

本文链接：https://blog.csdn.net/rookiepm/article/details/129159063

版权

js 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

文章介绍了在业务场景中如何利用iframe来打印HTML的局部内容。首先创建一个隐藏的iframe，然后设置其src属性为包含要打印内容的URL。在iframe加载完成后调用window.print()方法进行打印，这种方法适用于前端局部内容的打印需求。

摘要由CSDN通过智能技术生成

在业务中会遇到打印html等前端局部内容，思路是将该部门内容放到iframe中，对iframe中对内容进行打印。具体可以参考如下：


<iframe id="print-iframe" style="display:none;" ></iframe>

<script>
function print(){
	var url ="<%=path %>/inc/view/print?id="+id;
	$('#print-iframe').attr('src', url);
}
<script>

print页面中调用 window.print(); 进行打印


<script>
window.onload=function(){
	window.print();
}
</script>
<div style="width:100%;height:100%;">
<image src="<%=path %>/file/view/image&id=${param.id }"></image>
</div>