利用jqprint插件打印页面内容的实现方法_jqprint分页,jqprint资源-CSDN文库

116 浏览量 2020-11-28 20:23:29 上传评论收藏 114KB PDF 举报

资源推荐

资源详情

资源评论

利用利用jqprint插件打印页面内容的实现方法插件打印页面内容的实现方法

业务场景业务场景

客户需要在页面有一个打印按钮，点击之后可以打印Echarts图表的内容以及文字提示信息，经谷歌搜索发现，实现方法大概

有三种之多，其他两种不太熟悉，而采用的这种打印方式是一个在jQuery的基本上开发的一个print插件，因此可以使用jQuery

的方式查找元素，因此决定采用这种方式。

先看一下实现的效果图，如下：先看一下实现的效果图，如下：

实现效果图

引入引入js文件文件

<script type="text/javascript" src="__JS__/jquery-migrate-1.2.1.min.js"></script>

<script type="text/javascript" src="__JS__/jqprint-0.3.js"></script>

注意：注意：这里是先引入的jQuery文件，如果没有引入第一个js文件的话，会出现兼容性问题，导致使用jqprint打印时报错。

html页面页面

这里面的html标签很多的

<div class="wrap-content container" id="container">

<table border="0" cellpadding="0" cellspacing="0" class="store-joinin baseinfo">

<thead>

<tr>

<th colspan="40">用户信息</th>

</tr>

</thead>

<tbody>

<tr style="background: rgb(255, 255, 255);">

<th>姓名：</th>

<td colspan="40">18030632605</td>

</tr>

<tr style="background: rgb(255, 255, 255);">

<th>性别：</th>

<td colspan="40">男</td>

</tr>

<tr style="background: rgb(255, 255, 255);">

<th>年龄：</th>

<td colspan="40">41</td>

</tr>

<tr style="background: rgb(255, 255, 255);">

<th>身份证：</th>

<td colspan="40">52272419770101059X</td>

</tr>

<tr style="background: rgb(255, 255, 255);">

<th>所属机构：</th>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

内容反馈

weixin_38663526

粉丝: 3
资源: 940

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip