jquery实现页面打印可局部打印

php项目中所展示的页面需要做打印功能 不废话 直接看

插件下载地址 http://plugins.jquery.com/PrintArea/

先下载插件不然都是白扯Jquery打印插件下载地址

Ps:粘的时候路径改成自己的每个人的路径都不一样,很多像我一样的新手啥也不管就知道粘 结果都是错
在这里插入图片描述

  1. 选择要打印的局部Div
<div class="ant-card">
        <div class="ant-card-body my_show">
        	你自己要打印的内容
        </div>
</div>
  1. 打印按钮
<div class="form-actions" style="text-align: center;">
        <button type="button" class="btn btn-primary" id="print">打印</button>
</div>
  1. 引入插件
//你自己jquery路径
<script src="__PUBLIC__/js/chosen/jquery-3.2.1.min.js" type="text/javascript"></script>
//打印插件路径
<script src="__PUBLIC__/js/jquery.PrintArea.js" type="text/javascript"></script>
  1. Jquery代码
<script>
    $(document).ready(function(){
        $("#print").click(function(){
            $(".my_show").printArea();
        });
    });
</script>

自己作为一个新手,当让做一个打印功能时,头都快炸了 找了好多 经过自己的不断尝试终于做出来了
都是精简过后的内容 不管是大佬,小白 直接粘就可以用 分享给大家


版权声明:本文为spc007spc原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。