网页打印表单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

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

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

javaScript实现网页表格打印功能

一、首先,新建一个html文件,在html中导入js文件,如下: js中的代码如下: var CreatedOKLodop7766=null; //====判断是否需要安装CLodop云打印...
  • u011159417
  • u011159417
  • 2016年12月22日 15:42
  • 4094

js打印jsp页面的表单

一、给jsp表单页面需要打印的内容加id,调用js方法,注意:content是jsp里面div的id onclick="startPrint(document.getElementById('con...
  • arui_email
  • arui_email
  • 2012年11月01日 10:03
  • 3979

巧用jsp页面用表单实现动态打印功能

1,首先,在jsp页面中加入打印组件: 加入打印事件表单: 2,引入打印后台逻辑类,, 3,调用javaBean: 4,加入js打印函数:调用后会重新刷新页面; fu...
  • c_huabo
  • c_huabo
  • 2015年09月08日 15:23
  • 2946

JS获取页面数据并打印

    private struct ImageItem {        public string 图片路径;        public string 款号;        public str...
  • tao19840705
  • tao19840705
  • 2010年08月24日 14:09
  • 4161

js如何打印表格

4行3列             document.write("")    for(var i=1;i    {     document.write("")     for(var...
  • PENGGUIQUAN
  • PENGGUIQUAN
  • 2017年06月26日 15:26
  • 618

网页报表的打印

 开发B/S结构的程序,报表一直是个很头疼的问题,尤其是碰到复杂的报表,嘿嘿..有你受的,碰到一个客户,要求用B/S结构开发系统,为什么??,具说是大部分人只会上上网这类的操作,不能做的太复杂.可是出...
  • lxh00789
  • lxh00789
  • 2006年04月12日 19:03
  • 2684

JS实现打印的方式

目前正在做浏览器端采用js方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在...
  • yongchao940
  • yongchao940
  • 2017年06月12日 17:33
  • 9676

JS实现浏览器打印、打印预览

目前正在做浏览器端采用JS方式实现打印这么一个功能,JS打印实现的方法很多,但是兼容各个浏览器实现打印预览的功能有些棘手,现将实现的内容及遇到的问题记录下来,希望有大牛看到所提的问题后可以给予解答,在...
  • fengshuiyue
  • fengshuiyue
  • 2017年02月26日 23:49
  • 11802

JavaScript实现打印页面表报,表单输出到word和excel功能

使用JS实现页面表单的打印: .Noprint{display:none;} .PageNext{page-break-after:always;} ...
  • dhdhdh0920
  • dhdhdh0920
  • 2009年03月28日 14:37
  • 4168
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:网页打印表单js代码
举报原因:
原因补充:

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