TypechoJoeTheme
PrintArea 实现网页区域打印
统计
登录
用户名
密码

PrintArea 实现网页区域打印

2020-07-09
/
0 评论
/
72 阅读
/
正在检测是否收录...
07/09

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

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>
朗读
赞 · 0
版权属于:

小王先森

本文链接:

https://xwsir.cn/2420.html(转载时请注明本文出处及文章链接)

评论 (0)