新建 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. tp剩余未验证内容-7

    bash脚本中 的 set -e表示 exit immediately if a simple command returns a non-zero value.主要是为了防止错误被忽略.会被立即退出 ...

  2. UVA11235 Frequent values

    思路 连续的值只会分布在一起成一个块 讨论两边的块,中间就是RMQ了 ST表即可 代码 #include <cstdio> #include <algorithm> #incl ...

  3. 20175312 2018-2019-2 《Java程序设计》第2周学习总结

    20175312 2018-2019-2 <Java程序设计>第2周学习总结 教材学习内容总结 已依照蓝墨云班课的要求完成了第二.三章的学习,主要的学习渠道是视频,和书的课后习题. 总结如 ...

  4. JDK命令行工具

    jinfo(Configuration Info for Java)的作用是实时地查看和调整虚拟机各项参数 jmap(Memory Map for Java)命令用于生成堆转储快照(一般称为heapd ...

  5. Learning-Python【15】：内置函数

    截止到Python版本3.6.2,一共为我们提供了68个内置函数.它们就是Python提供的直接可以拿来使用的所有函数. 这个表的顺序是按照首字母的排列顺序来的,都混乱的堆在一起.比如,oct和bin ...

  6. SAP Hybris电子商务最新功能

    SAP Hybris电子商务最新功能   SAP Hybris 电子商务6.0中国加速器是专为中国市场设计的电子商务平台,可满足企业在全渠道销售和订单履行方面的所有需求.新版的中国加速器基于SAP H ...

  7. C#关于多线程及线程同步 lock锁的应用

    Form1.cs using System; using System.Collections.Generic; using System.ComponentModel; using System.D ...

  8. _luckdraw

    该表可以控制进行抽奖.10连抽: `comment` 备注 `itemId` 物品ID `chance`几率 `itemCount` 数量

  9. scala基础学习（一）

    scala学习 scala与java的不同之处: 1.scala中任何一个操作符都是一个方法. s = 1+2;    可以写作:s=(1).+(2) 2.异常捕获采用模式匹配的方式. try { v ...

  10. HTTP请求处理流程 MVC核心（MVC就是扩展了一个HttpModule）

    访问Localhost:8080/Home/index.aspx 在调用MVC扩展的UrlRoutingModule的时候  会先检查物理路径文件是否存在  存在的话就不执行MVC中的路由匹配规则  ...