这个功能用处不大,这里只做一个简单的使用笔记。
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)