PrintArea 实现网页区域打印

avatar
avatar
小王先森
378
文章
376
评论
2020年7月9日 评论 159

这个功能用处不大,这里只做一个简单的使用笔记。

1、js 文件引入

可以从 https://www.bootcdn.cn/ 外部引入,也可以下载之后放入本地。

<script src="jquery.min.js"></script>
<script src="jquery.PrintArea.min.js"></script>

2、页面调用

<style>
	#btnPrint{text-align:center;font-size:14px;}
	.btnPrint{border:1px solid #ddd;padding:5px 8px;background:#f3f3f3;}
	.btnPrint:hover{background:#009999}
</style>
<div id="printArea">
	打印区域
	打印区域
	打印区域
	……
</div>
<div id="btnPrint">
	<button  type="button" title="打印本文" class="btnPrint">打印文本</button>
</div>
<script>
    $("#btnPrint").click(function(){    
		$("#printArea").printArea();  
    });
</script>
历史上的今天
七月
9
avatar
  • 本文由 发表于 2020年7月9日
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: