PrintArea 实现网页区域打印
PrintArea 实现网页区域打印
2020年07月09日 378 阅读
  • 首页
  • /
  • 笔记
  • /
  • 正文
  • 这个功能用处不大,这里只做一个简单的使用笔记。

    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

    评论 (0)

    取消