小刀的博客-InfoMax极点信息-infomaxyz@qq.com

从工程师到项目管理师的点点滴滴,通过开源项目推动高品质产品的商业模式...

网页打印表单js代码

--js代码:
-------------------------------------------------------------------------------------------
function preview(){
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;
$(".table1").css({"width":"700px","float":"none","margin":"0px auto"});
window.print();
//window.document.body.innerHTML=bdhtml;
/* jQuery('.tuio').qrcode({width:100,height:100,correctLevel:0,text:idcard}); */
var url="/prouser/update/print/5160/16?t="+new Date().getTime();
var dd=$.hSPost(url,"");
}
------------------------------------------------------------------------------------------


--<html>代码
----------------------------------------------------------------------------------------
<div class="course">
<div class="eturn">
<div class="biaodan">
<a href="javascript:void(0)" onclick="preview()">打印表单</a>  //调用打印js代码
</div>
</div>
<!--startprint-->//打印开始位置符合
<div class="table1" style="width:100%;height:auto;">
<div class="sstyy">
<h1><span class="proName">--</span>回执表</h1>
</div>


<div class="form">
<table border="1" cellspacing="0" style="text-align: center;width:90%;" class="cout">
<tbody>
<tr>
<td width="10%" rowspan="4">基本情况</td>
<td width="10%" height="42">姓名</td>
<td width="10%">--</td>
<td width="10%">性别</td>
<td width="10%">--</td>
</tr>
<tr>
<td height="42">身份证号</td>
<td>--</td>
<td>联系电话</td>
<td>--</td>
</tr>
<tr>
<td height="42">工作单位</td>
<td>--</td>
<td>属地</td>
<td>--</td>
</tr>
<tr>
<td height="42">注册证号</td>
<td>&nbsp;</td>
<td>注册到期时间</td>
<td>&nbsp;</td>
</tr>
<tr>
<td rowspan="2">学习情况</td>
<td height="42">开始学习日期</td>
<td>--</td>
<td>回执打印日期</td>
<td>--</td>
</tr>
<tr>
<td height="42">已完成学时</td>
<td>--</td>
<td>是否完成学习</td>
<td>--</td>
</tr>
<tr>
<td height="42">考试情况</td>
<td>考试分数</td>
<td>--</td>
<td>是否合格</td>
<td>--</td>
</tr>
<tr>
<td height="231">培训总结</td>
<td colspan="4" style="line-height: 40px"><span class="py">--</span><br><span class="orgNametxt"></span><span class="dtm">--</span><br>
<div class="tuio"><img id="ercode"></div>
</tr>
</tbody>
</table>

</div>
</div>
<!--endprint-->//打印结束位置符合
</div>


</div>
</div>


<div class="footer">

----------------------------------------------------------------------------------------




阅读更多
版权声明:本文为博主原创文章,意见建议讨论交流请发至infomaxyz@qq.com https://blog.csdn.net/tommycsdn/article/details/51558558
个人分类: UI和view层
上一篇xampp配置虚拟主机httpd-vhosts.conf实例
下一篇网络远程教育平台课件实时记录学习时长的JS代码
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭