- A+
所属分类：JQuery/Js
利用js实现页面内容的局部打印：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>网页打印</title>
</head>
<body>
<div class="wrap js-check-wrap">
<p>我是不会被打印的</p>
<!--startprint-->
<table border="1px" cellspacing="0" style="width: 100%">
<tr>
<td>江苏XXXXXXXXXXX有限公司</td>
<td colspan="3"> </td>
</tr>
<tr align="center">
<th colspan="4" height="50px">通币提现申请单</th>
</tr>
<tr height="30px">
<td width="25%">申请时间</td>
<td width="25%"><span style="display: inline-block;margin-right: 30px;">2018年</span>
<span style="display: inline-block;margin-right: 30px;">04月</span>
<span>16日</span></td>
<td width="50" colspan="2"><div style="text-align: right;float:right;text-indent: 2em;width: 25%;">单位：元</div></td>
</tr>
<tr height="30px">
<td width="25%">提现申请人</td>
<td width="25%">小明</td>
<td width="25%">申请人ID</td>
<td width="25%">1110010</td>
</tr>
<tr height="30px">
<td width="25%">经销商负责人</td>
<td width="25%">小红</td>
<td width="25%">经销商编号</td>
<td width="25%">22222121212121</td>
</tr>
<tr height="30px">
<td width="25%">提现银行名称</td>
<td width="25%">中国人民银行</td>
<td width="25%">提现银行账号</td>
<td width="25%">000000000000000000</td>
</tr>
<tr height="30px">
<td width="25%">户名</td>
<td width="25%">小明</td>
<td width="25%">开户支行名称</td>
<td width="25%">中国人民银行</td>
</tr>
<tr height="30px">
<td width="25%">通币余额</td>
<td width="25%">100000</td>
<td width="25%">审核状态</td>
<td width="25%">已通过</td>
</tr>
<tr height="30px">
<td width="25%">提现金额（小写）</td>
<td width="25%">100000</td>
<td width="25%">提现金额（大写）</td>
<td width="25%">拾万元整</td>
</tr>
<tr height="30px">
<td width="25%">手续费金额（小写）</td>
<td width="25%">200000</td>
<td width="25%">手续费金额（大写）</td>
<td width="25%">贰拾万整</td>
</tr>
<tr height="30px">
<td width="25%">实付金额（小写）</td>
<td width="25%">200000</td>
<td width="25%">实付金额（大写）</td>
<td width="25%">贰拾万整</td>
</tr>
<tr height="30px">
<td colspan="4"> </td>
</tr>
<tr height="30px">
<td colspan="4"> </td>
</tr>
<tr height="30px">
<td colspan="4">
<span style="padding-left: 5%">经手人：</span>
<span style="padding-left: 10%">业务审核：</span>
<span style="padding-left: 10%">财务审核：</span>
<span style="padding-left: 10%">分管领导：</span>
<span style="padding-left: 10%">出纳：</span>
</td>
</tr>
<tr align="center">
<td colspan="4" height="30px">
<div style="width:100%;line-height: 30px;">
<div style="float:left;width:25%"></div>
<div style="float:left;width: 40%;">
</div>
<div style="float:right;width: 35%;">
<span style="display: inline-block;margin-right: 30px;">2018年</span>
<span style="display: inline-block;margin-right: 30px;">04月</span>
<span>16日</span>
</div>
</div>
</td>
</tr>
</table>
<!--endprint-->
<a href="javascript:;" onclick="doPrint()" class="btn">打印</a>
<a href="javascript:;" onclick="javascript:history.back();" class="btn">返回</a>
</div>
<script>
function doPrint() {
bdhtml = window.document.body.innerHTML;
sprnstr = "<!--startprint-->";
eprnstr = "<!--endprint-->";
prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
window.document.body.innerHTML = prnhtml;
window.print();
}
</script>
</body>
</html>
注意：要将需要打印的部分，用<!--startprint-->和<!--endprint-->两部分抱起来，效果如下图所示：
