网页打印表单js代码

原创 2016年06月01日 20:00:34
--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

相关文章推荐

javaScript实现网页表格打印功能

一、首先,新建一个html文件,在html中导入js文件,如下: js中的代码如下: var CreatedOKLodop7766=null; //====判断是否需要安装CLodop云打印...

js打印jsp页面的表单

一、给jsp表单页面需要打印的内容加id,调用js方法,注意:content是jsp里面div的id onclick="startPrint(document.getElementById('con...

js解决打印表单时获取不到填写的数据问题

项目中有个打印功能,要求用户填写数据后,点击打印,则把表单的内容打印出来,发现调用window.print()进行打印时,填写的数据没有获取到,原因就是$("#form").html()时,没包含有填...

DIV+CSS+JS仿Select下拉表单网页特效源代码下载

原文:DIV+CSS+JS仿Select下拉表单网页特效源代码下载 源代码下载地址:http://www.zuidaima.com/share/1550463331830784.htm...

JS表单判断函数代码大全

  • 2011年11月08日 11:40
  • 68KB
  • 下载

自己收集的验证表单的js代码段(弹出框提示)

使用方法: 引用js文件: 按钮   提交 js文件内容: var b = new Boolean(); b = false; ...

表单JS验证代码汇总

  • 2012年08月03日 23:57
  • 9KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页打印表单js代码
举报原因:
原因补充:

(最多只允许输入30个字)