//区域打印方式二:仅仅打印标签部分 function printTag2() { 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; window.print(); }
<form action="" name="entityForm" method="post" onsubmit="return checkInfo();"> <input type="hidden" name="id" /> <table cellpadding="0" cellspacing="0"> <tr class="main_info"> <td colspan="4"><div class="receipt_main_title">一维标签管理</div></td> </tr> <tr class="info"> <!-- <th>标签名称:</th> <td><input type="text" name="name" value="${tag.name }" /></td> --> <th>标签编号:</th> <td><input type="text" name="code" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" class="input_txt" value="${tag.code }" /></td> <td colspan="2"></td> </tr> <tr class="info"> <td colspan="1"></td> <td colspan="2"><a href="javascript:createTag();" ><em>生成标签</em> </a> <a href="javascript:saveTag();" ><em>保存标签</em> </a></td> <td colspan="1"></td> </tr> <tr class="info"> <td colspan="2">标签预览:</td> <td colspan="2"><a href="javascript:printTag1();" ><em>打印标签</em> </a> </td> </tr> </table> </form> <div > <div class="info"> <!--startprint--> <img src="${ctx }/tag/barcode?msg=12345678&encode=utf-8&type=code39" /> <!--endprint--> </div> </div>
条码生成采用的开源jar包:barcode4j
HTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。比较常用的HTML5的新标签元素有:<header>定义页面或区段的头部;<…
jquery,js引入css文件,js引入头尾今天在项目中,需要把20多个页面加上头和尾部,头和尾是我写的,所以小师傅把这个工作交给我了。我开始往里面加,先引入common.css,在body开始标签下面添加<header>&l…
Web页面的“footer”部分随着飘上来,处在页面的半腰中间,给视觉效果带来极大的影响,让你的页面看上去很不好看,特别是现在宽屏越来越多,这种现象更是常见,本文将介绍两种解决方案,需要了解的朋友可以参考下作为一个页面仔你一定遇到过:当一个…
开发中需要使用Ajax技术来更新页面局部区域,使用的方法是ajax获取html代码段(字符串),然后将这个html代码段作为参数,传入目标DOM(JQuery对象)的JQueryhtml接口,此语句执行后,会将html代码段解释执行,显示出…
前言项目需求要弄个瀑布流的页面,用的是waterfall这个插件,感觉还是可以的,项目赶就没自己的动手写。最近闲来没事,就自己写个。大致思路理清楚,还是挺好实现的...原生javascript版<!DOCTYPEhtml><…
B/S程序中,对打印页面的控制,相对比较弱,例如:自动分页,就基本没啥实际用途。我们通常需要自己在需要的时候,强制浏览器分页,这时可以使用以下样式:<styletype="text/css">.pageBreak{page-br…
1.两个页面在同一个html中用js点击实现另外一个页面增加ui-page-activeslidin等各种效果,每个页面中是一个绝对定位.ui-mobile[data-role=page]{top:0;left:0;width:100%;m…
WEB项目中,我们有时会碰到这样的情况,需要将从Excel中复制的数据粘贴到WEB页面Grid中(当然复制的数据格式与Grid中数据显示格式是一致的),用JS实现起来并不难,重要的是如何准确得到从Excel中复制的数据。下面代码主要针对这个…