利用JavaScript实现打印(Web打印)

studyjs_007 studyjs_007 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
JS打印函数:
<a href="#" onClick="window.print()">打印</a>

打印的内容控制是不是像【孟子E章】(谢谢),说的那样:
<html>
<head>
<style type="text/css" media=print>
.noprint{display : none }
</style>
</head>
<body>
<div class="noprint">不打印的部分</div>
<div>打印的部分</div>
<div class="noprint">不打印的部分</div>
</body>
</html>

运用上就是这样的:
<html>
<head>
<style type="text/css" media=print>
.noprint{display : none }
</style>
</head>
<body>
<div class="noprint">不打印的部分</div>
<div>
<div style="text-align: center">
<table width="90%" bgcolor="white" class="tableBorder" cellpadding="0" cellspacing="0" align="center">

<tr>
<td style="text-align: center; width: 917px;" align="center">
<div style="text-align:center; margin-left:20px; margin-top:20px;">
<asp:Table ID="Table1" border="1" cellpadding="0" cellspacing="0" runat="server" Width="100%" >
<asp:TableHeaderRow><asp:TableHeaderCell ColumnSpan="15">基本信息</asp:TableHeaderCell></asp:TableHeaderRow>
<asp:TableRow>
<asp:TableCell Width="62">姓名:</asp:TableCell>
<asp:TableCell Width="62">
<asp:Label ID="username" runat="server" Text="Label"></asp:Label></asp:TableCell>
<asp:TableCell Width="62">职工编号:</asp:TableCell>
<asp:TableCell Width="62">
<asp:Label ID="usernum" runat="server" Text="Label"></asp:Label></asp:TableCell>
<asp:TableCell Width="62">出生日期:</asp:TableCell>
<asp:TableCell Width="62">
<asp:Label ID="userbirthdate" runat="server" Text="Label"></asp:Label></asp:TableCell>
<asp:TableCell Width="62">
性别:</asp:TableCell>
<asp:TableCell Width="62">
<asp:Label ID="usersex" runat="server" Text="Label"></asp:Label></asp:TableCell>
<asp:TableCell Width="62">民族:</asp:TableCell>
<asp:TableCell Width="62">
<asp:Label ID="usernation" runat="server" Text="Label"></asp:Label></asp:TableCell>
<asp:TableCell Width="62">在册标识:</asp:TableCell>
<asp:TableCell Width="62">
<asp:Label ID="usermark" runat="server" Text="Label"></asp:Label></asp:TableCell>
<asp:TableCell Width="62">介绍人:</asp:TableCell>
<asp:TableCell Width="62">
<asp:Label ID="userintro" runat="server" Text="Label"></asp:Label></asp:TableCell>
<asp:TableCell >
<asp:Label ID="probationtime" runat="server" Text="Label"></asp:Label></asp:TableCell>
</asp:TableRow>



<asp:TableHeaderRow><asp:TableHeaderCell ColumnSpan="15">扩展信息</asp:TableHeaderCell></asp:TableHeaderRow>
<asp:TableRow>
<asp:TableCell>教<br />育<br />简<br />历</asp:TableCell>
<asp:TableCell ColumnSpan="14">

<asp:GridView ID="eduresume" runat="server" Width="100%" AutoGenerateColumns="False">
<Columns>
<asp:BoundField DataField="QSRQ" HeaderText="起始日期"/>
<asp:BoundField DataField="ZZRQ" HeaderText="终止日期"/>
<asp:BoundField DataField="BYYX" HeaderText="毕业院校"/>
<asp:BoundField DataField="SXZY" HeaderText="所学专业"/>
<asp:BoundField DataField="XZ" HeaderText="学制"/>
<asp:BoundField DataField="BYFS" HeaderText="毕业方式"/>
<asp:BoundField DataField="BZ" HeaderText="备注"/>
</Columns>
</asp:GridView>



</asp:TableCell>
</asp:TableRow>

</asp:Table>
</div>

</td>
</tr>

</table>
</div>
<div class="noprint">不打印的部分</div>
</body>
</html>

是这样的吗???要打印的是内置有GridVIew的Table控件。。。
...全文

相关推荐

评论 9
收藏 已收藏
分享
返回顶部
studyjs_007
.NET社区 62,272 成员 668,968 内容