js 实现打印功能1

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BTBW_fahuo.aspx.cs" Inherits="lxl_HXYRK_BTBW_fahuo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>板头板尾发货记录</title>
<link href="../css/myc.css" rel="stylesheet" type="text/css" />
<script src="../css/Publicfun.js" type="text/javascript"></script>
</head>
<body style="background:#E2E5E6;">
<form id="form1" runat="server">
<div style="background:white;margin-left:5px;margin-right:5px;margin-top:5px;border:1px solid black;">

<div style="color: #000;font-size:14px;">
<div>
<img src="../images/top.jpg" />
<span id="zy" style=" auto; margin-left: 40%; height: 100px; text-align: center;
color: #000; font-weight: bold; font-size: 20px; line-height: 50px;">板头板尾发货记录
</span>
</div>
<div style="margin-bottom:10px;">
<span>欢迎<asp:Label ID="Label1" runat="server" Text="保管"></asp:Label>的到来!</span>
</div>
<div>
出库单号:<asp:TextBox
ID="TextBox4" runat="server" BorderWidth="1px"></asp:TextBox>
&nbsp;
客户名称:<asp:TextBox ID="TextBox1" runat="server" BorderWidth="1px" ></asp:TextBox>&nbsp;出库类型:&nbsp;<asp:TextBox
ID="TextBox5" runat="server"></asp:TextBox>&nbsp;产品名称:<asp:TextBox ID="TextBox6"
runat="server"></asp:TextBox>出库日期:从&nbsp; <asp:TextBox ID="TextBox2"
runat="server" BorderWidth="1px" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"></asp:TextBox>
&nbsp;到&nbsp; <asp:TextBox ID="TextBox3" runat="server" BorderWidth="1px" onClick="WdatePicker({dateFmt:'yyyy-MM-dd'})"></asp:TextBox>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<asp:Button
ID="Button1" runat="server" CssClass="BigButton"
Text="查询" />
<asp:Button ID="Button2" runat="server" BorderStyle="Groove"
Text="导出excel" CssClass="BigButton" />



<%-- <a href="javascript:window.print()" rel="external nofollow" target="_self">打印单据</a>--%>
<a href="#" id="da">打印</a>
</div>
<div style="100%;height:30px;"></div>

</div>
<div style="margin-bottom:20px;99%;margin-left:0.5%;">
<!--startprint-->
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
Width="100%" CssClass="TableBlock" BorderColor="Black" EmptyDataText="暂无记录">
<Columns>
<asp:BoundField DataField="ck_id" HeaderText="出库编号" SortExpression="rk_id" />
<asp:BoundField DataField="客户名称" HeaderText="客户名称" SortExpression="客户名称" />
<asp:BoundField DataField="产品名称" HeaderText="产品名称"
SortExpression="产品名称" />
<asp:BoundField DataField="计量单位" HeaderText="计量单位"
SortExpression="计量单位" />
<asp:BoundField DataField="数量" HeaderText="数量"
SortExpression="数量" />
<asp:BoundField DataField="类型" HeaderText="出库类型"
SortExpression="入库类型" />
<asp:BoundField DataField="出库日期" HeaderText="出库日期"
SortExpression="入库日期" DataFormatString="{0:yyyy-MM-dd}" />
<asp:BoundField DataField="制单日期" HeaderText="制单日期" SortExpression="制单日期" />
</Columns>
<HeaderStyle Font-Size="9pt" CssClass="TableHeader" />
<RowStyle Font-Size="9pt" HorizontalAlign="Center" VerticalAlign="Middle"
BorderColor="Black" />
</asp:GridView>
<!--endprint-->
<div style="100%;height:20px;"></div>
</div>
</div>
</form>
</body>
</html>
<script src="../css/My97DatePicker/WdatePicker.js" type="text/javascript">

</script>
<script src="../JS/jquery-1.7.1.min.js" type="text/javascript"></script>
<script type="text/javascript">

$("#da").click(function () {

preview();

});

function preview() {
var bdhtml = window.document.body.innerHTML; //获取当前页的html代码
var startStr = "<!--startprint-->"; //设置打印开始区域
var endStr = "<!--endprint-->"; //设置打印结束区域
var printHtml = bdhtml.substring(bdhtml.indexOf(startStr) + startStr.length, bdhtml.indexOf(endStr)); //从标记里获取需要打印的页面
window.document.body.innerHTML = printHtml; //需要打印的页面
window.print();
window.document.body.innerHTML = bdhtml; //还原界面
}

</script>

原文地址:https://www.cnblogs.com/weiyu11/p/7575783.html