html中的打印预览页面


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>总分环比统计查询</title>
</head>

<body>
<div class="g0_container">
<div class="g0_ydpm_c" id="printdiv">
<p><span><%=lastMonth%></span>至<span><%=now%></span>总分环比统计情况</p>
<table class="g0_table" >
<thead>
<tr>
<th>序号</th>
<th>单位名称</th>
<th>1月</th>
<th>环比</th>
<th>2月</th>
<th>环比</th>
<th>3月</th>
<th>环比</th>
<th>4月</th>
<th>环比</th>
<th>5月</th>
<th>环比</th>
<th>6月</th>
<th>环比</th>
<th>7月</th>
<th>环比</th>
<th>8月</th>
<th>环比</th>
<th>9月</th>
<th>环比</th>
<th>10月</th>
<th>环比</th>
<th>11月</th>
<th>环比</th>
<th>12月</th>
<th>环比</th>
</tr>
</thead>
<tbody id="resTable">
<tr>
<td>1</td>
<td>你发的分公司电饭锅</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
</tbody>
</table>
<div class="g0_btn_c" style="display: none">
<a href="###" class="g0_btn g0_mr_24" onclick="windowprint()">打印</a>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="<%=basePath%>/common/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/common/layer3.1/layer.js"></script>
<script type="text/javascript">

// 打印
function windowprint() {
$(".g0_btn_c").hide();
var headhtml = "<html><head><title></title></head><body>";
var foothtml = "</body>";
// 获取div中的html内容
$(".rank-1").html("1");
$(".rank-2").html("2");
$(".rank-3").html("3");
var newhtml= $("#printdiv").html();
// 获取div中的html内容,jquery写法如下
// var newhtml= $("#" + printpage).html();

// 获取原来的窗口界面body的html内容,并保存起来
var oldhtml = document.body.innerHTML;

// 给窗口界面重新赋值,赋自己拼接起来的html内容
document.body.innerHTML = headhtml + newhtml + foothtml;

// 调用window.print方法打印新窗口
window.print();

// 将原来窗口body的html值回填展示
document.body.innerHTML = oldhtml;
$(".rank-1").html("");
$(".rank-2").html("");
$(".rank-3").html("");
$(".g0_btn_c").show();
return false;
}
</script>
<script type="text/javascript" src="<%=basePath%>/common/js/jquery-1.9.1.min.js"></script>
</html>

猜你喜欢

转载自www.cnblogs.com/jdl1024/p/11576767.html