新建 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. P4512 【模板】多项式除法

    思路 多项式除法板子 多项式除法 给出\(A(x)\)和\(B(x)\),求一个\(n-m\)次的多项式\(D(x)\),一个\(m-1\)次多项式\(R(x)\),满足 \[ A(x)=B(x)D( ...

  2. spring 集成 mybatis

    在日常的开发中,我们经常需要这样对MyBatis和Spring进行集成,把sqlSessionFactory交给Spring管理,通常情况下,我们这样配置: <bean id="sql ...

  3. vue extend 的基本使用

    vue.extend 局部注册 的应用2 请注意,extend创建的是一个组件构造器,而不是一个具体的组件实例.所以他不能直接在new Vue中这样使用: new Vue({components: f ...

  4. matplotlib各图形绘制

    2D图形 import numpy as np import pandas as pd from pandas import Series,DataFrame import matplotlib.py ...

  5. 如果SQL Server 配置管理器没有找到就代表安装失败？

    如果SQL Server 配置管理器没有找到就代表安装失败? 2017-05-09 17:58 124人阅读 评论(0) 收藏 举报 版权声明:本文为博主原创文章,未经博主允许不得转载. 首先,只要你 ...

  6. 主机连接虚拟机redis 服务器

    1. centos 虚拟机安装redis sudo yum install epel-release sudo yum update sudo yum install redis sudo syste ...

  7. 泥瓦工vps

    http://blog.sina.com.cn/s/blog_16a3cb7cb0102xbvd.html

  8. python之路-----网络编程

    一:客户端/服务端j架构(C/S架构) 在生活中,最常见的C/S架构即是APP和网页服务器这个架构.Client和Server之间利用网络来进行通信,客户端和服务器端的程序不同,用户的程序主要在客户端 ...

  9. intelij idea模板

    1.idea设置模板 Postfix Completion是无法改变的模板 live Template是可以修改的 自定义模板 如下图: 创建测试方法: $VAR1$代表光标占位符

  10. mongodb的db.collection is not function

    mongodb的3.0版本之前: 如2.3版本,可以直接使用db调用collection来操作数据 但在3.0版本以上,会报错:db.collection is not a function 3.0版 ...