新建 html

 <!DOCTYPE HTML>

 <html lang="en-US">

 <head>

     <meta charset="UTF-8">

     <title></title>

     <!-- <link href="printStyle.css" rel="stylesheet"type="text/css" media="print">  打印才生效 -->

     <link rel="stylesheet" href="./printStyle.css">

     <script src="JsBarcode.all.js"></script>

     <script type="text/javascript" src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

 </head>

 <body>

 <!-- style="display:none" -->

 <div>

     <table>

         <tr>

             <td width="">

                 <span>条码号:</span><br><a>Box Num</a>

             </td>

             <td colspan="" >

                 <img width='' height='' id='barcode'/>

             </td>

         </tr>

         <tr>

             <td>

                 <sapn>品名:</sapn>

                 <br/>

                 <a>Name </a>

             </td>

             <td colspan="" width="">

                 <a>this is barcode</a>

             </td>

         </tr>

         <tr>

             <td>

                 <sapn>物料数量:</sapn>

                 <br/>

                 <a>Item Num</a>

             </td>

             <td style="width: 55px"></td>

             <td>

                 <sapn>日期</sapn>

                 <br/>

                 <a>Date</a>

             </td>

             <td>

                 <a>//</a>

             </td>

         </tr>

     </table>

 </div>

 </body>

 <script>

     JsBarcode("#barcode", 'W201901100096', {format: "code128", displayValue: true, fontSize: ,});

 </script>

 </html>

printStyle.css

 *{

     margin: ;

     padding: ;

 }

 a{

     text-decoration: none;

     font-size: 10px;

     zoom: 0.8;

     line-height: 10px;

 }

 table{

     padding-left: 10px;

     border-collapse: separate;

     border-spacing: 0px 0px;  /* 水平间距 垂直间距 */

 }

 table tbody tr td{

     padding: ;

     margin: ;

     font-size: 10px;

     font-weight: bold;

 }

 span{

     font-size: 12px;

     line-height: 12px;

 }

最后 效果

div  + style='page-break-after: always;

按div来分页打印

js barcode 打印的更多相关文章

  1. JS 网页打印解决方案

    这些日子真是太忙了,项目太多了公司总是加班,而且这些项目中好多都用到的打印,所以学习了一段时间js的打印. 其实原来只是用到了简单的功能,现在要深入的了解才发现原来ie的网页打印也是如此的强大. 以下 ...

  2. 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)

    JS实现打印功能(包括打印预览.打印设置等) 绪 最近在进行项目开发时,需要实现后台管理端打印功能,遂在网上一阵搜索,搜到了很多相关的文章.其中绝大部分文章都是使用的Lodop5.0(Web打印和套打 ...

  3. 前端js实现打印excel表格

    产品原型: 图片.png 功能需求:点击导出考勤表格按钮,会自动下载成Excel格式 图片.png 图片.png jsp页面代码: <div class="tools"> ...

  4. 前端js实现打印（导出）excel表格

    产品原型: 图片.png 功能需求:点击导出考勤表格按钮,会自动下载成Excel格式 图片.png 图片.png jsp页面代码: <div class="tools"> ...

  5. 用js实现打印九九乘法表

    用js在打印九九乘法表 思考 在学习了流程控制和条件判断后,我们可以利用js打印各式各样的九九乘法表 不管是打印什么样三角形九九乘法表,我们都应该找到有规律的地方,比如第一列的数字是什么规律,第一行的 ...

  6. js灵活打印web页面区域内容的通用方法

      我们做网站,经常需要打印页面指定区域的内容,而网上关于这块的说法很多,各种各样的打印控件也不少.但许多打印方案都不怎么好,至少我不喜欢,要么封装复杂,要么难以维护.正好现在的项目也需要用到 ...

  7. js控制打印 转的

    很多时候,我们在做系统的时候要做打印功能,打印在js中其实很简单,不过这个很简单的代码并不能满足我们的特定需求,比如我们需要打印的表单在很多文字的中间,或者文字中包含一些广告或者图片什么的,这就很难用 ...

  8. JS Web打印，实现预览新样式

    问题描述:     JS实现Web打印,要求打印前一种样式,打印预览时新样式 问题解决:         (1)设置打印时的css样式,设置打印前的css样式 注:         以上为print. ...

  9. 转载js实现打印功能

    <div id="print">打印的内容</div><a href="javascript:void(0)" onclick=& ...

随机推荐

  1. RabbitMQ&RocketMQ动态添加Queue参考

    Kafka重复消费与消息丢失参考: https://www.cnblogs.com/kaleidoscope/p/9763053.html https://blog.csdn.net/qingqing ...

  2. scala 入门Eclipse环境搭建

    scala 入门Eclipse环境搭建及第一个入门经典程序HelloWorld IDE选择并下载: scala for eclipse 下载: http://scala-ide.org/downloa ...

  3. 洛谷 P2915 【[USACO08NOV]奶牛混合起来Mixed Up Cows】

    类似于n皇后的思想,只要把dfs表示放置情况的数字压缩成一个整数,就能实现记忆化搜索了. 一些有关集合的操作: {i}在集合S内:S&(1<<i)==1: 将{i}加入集合S:S= ...

  4. Webpack + vue 搭建

    前言: 为何使用webpack? 为何相对于gulp&grunt更有优势 WebPack(前往官网)可以看做是模块打包机:直接分析项目结构,找到JavaScript模块以及其它的一些浏览器不能 ...

  5. pictureBox绑定Base64字符串

    if (!string.IsNullOrEmpty(imageCode)) { byte[] bytes = Convert.FromBase64String(imageCode); MemorySt ...

  6. spark streaming 整合kafka(二)

    转载:https://www.iteblog.com/archives/1326.html 和基于Receiver接收数据不一样,这种方式定期地从Kafka的topic+partition中查询最新的 ...

  7. 【转】 RGB各种格式

      转自:https://blog.csdn.net/LG1259156776/article/details/52006457?locationNum=10&fps=1 RGB组合格式 名字 ...

  8. python+unittest+requests+HTMLRunner编写接口自动化测试集

    问题描述:搭建接口测试框架,执行用例请求多个不同请求方式的接口 实现步骤: ① 创建配置文件config.ini,写入部分公用参数,如接口的基本url.测试报告文件路径.测试数据文件路径等配置项 [D ...

  9. yii2解决资源插件路径不对应问题

    //本人ubuntu系统 composer self-update //升级到最新 //官网找到最新下面的这行执行. composer global require "fxp/compose ...

  10. 2015-10-13 jQuery5实例

    jQuery(5)   一.扑克牌切换 <body> <div class="ig ig1"><img src="image/1.jpg&q ...