jquery PrintArea 实现票据的套打功能(代码)


Posted in Javascript onMarch 17, 2017

套打就是指不打印表单上的表结构和固定的文言,只把会变化的数据打印出来,下面的例子就是不把name和name2打印出来,只把aaa和bbb打印出来。

1.代码

<html> 
<head> 
  <script type="text/javascript" src="jquery-1.7.2.min.js"></script> 
  <script type="text/javascript" src="jquery.PrintArea.js"></script> 
</head> 
<body> 
  <table> 
    <tr> 
      <td> 
        name: 
      </td> 
      <td></td> 
    </tr> 
    <tr> 
      <td> 
        name2: 
      </td> 
    </tr> 
  </table> 
 
  <div class="my_show"> 
    <div style="position: absolute; left: 60px; top: 10px;"> 
      aaa 
    </div> 
    <div style="position: absolute; left: 60px; top: 35px;"> 
      bbb 
    </div> 
  </div> 
 
  <a href="javascript:;" rel="external nofollow" id="print" />打印</a> 
 
  <script type="text/javascript"> 
  $(document).ready(function() { 
    $("#print").click(function() { 
        $(".my_show").printArea() 
      }) 
  }); 
</script> 
</body> 
</html>

2.画面显示

jquery PrintArea 实现票据的套打功能(代码)

3.打印结果

jquery PrintArea 实现票据的套打功能(代码)

以上这篇jquery PrintArea 实现票据的套打功能(代码)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
新闻内页-JS分页
Jun 07 Javascript
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
Oct 17 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
Jan 13 Javascript
防止浏览器记住用户名及密码的简单实用方法
Apr 22 Javascript
Javascript仿PHP $_GET获取URL中的参数
May 12 Javascript
jQuery实现气球弹出框式的侧边导航菜单效果
Sep 22 Javascript
JavaScript实现页面跳转的方式汇总
May 16 Javascript
TypeScript学习之强制类型的转换
Dec 27 Javascript
Three.js基础部分学习
Jan 08 Javascript
图片懒加载插件实例分享(含解析)
Jan 09 Javascript
Angularjs的启动过程分析
Jul 18 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
基于bootstrap实现收缩导航条
Mar 17 #Javascript
javascript基本数据类型和转换
Mar 17 #Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 #Javascript
js实现一键复制功能
Mar 16 #Javascript
js判断PC端与移动端跳转
Dec 24 #Javascript
jquery编写日期选择器
Mar 16 #Javascript
jquery事件与绑定事件
Mar 16 #Javascript
You might like
通过JavaScript或PHP检测Android设备的代码
2011/03/09 PHP
[原创]php简单隔行变色功能实现代码
2016/07/09 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
jquery Moblie入门—hello world的示例代码学习
2013/01/08 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
JS模拟实现Select效果代码
2015/09/24 Javascript
Jquery ajax基础教程
2015/11/20 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
jQuery实现的placeholder效果完整实例
2016/08/02 Javascript
微信小程序 解决swiper不显示图片的方法
2017/01/04 Javascript
npm全局模块卸载及默认安装目录修改方法
2018/05/15 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
nginx部署多个vue项目的方法示例
2020/09/06 Javascript
[01:45]典藏宝瓶2+祈求者身心——这就是DOTA2TI9总奖金突破3000万美元的秘密
2019/07/21 DOTA
python多线程threading.Lock锁用法实例
2014/11/01 Python
Python将xml和xsl转换为html的方法
2015/03/10 Python
初学Python函数的笔记整理
2015/04/07 Python
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
浅析Git版本控制器使用
2017/12/10 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
Python命令行解析模块详解
2018/02/01 Python
通过python爬虫赚钱的方法
2019/01/29 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
解决Python列表字符不区分大小写的问题
2019/12/19 Python
python GUI库图形界面开发之PyQt5日期时间控件QDateTimeEdit详细使用方法与实例
2020/02/27 Python
Python网页解析器使用实例详解
2020/05/30 Python
Tensorflow与Keras自适应使用显存方式
2020/06/22 Python
商务日语毕业生自荐信范文
2013/11/14 职场文书
毕业生大学生活自我总结
2014/01/31 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
无罪辩护词范文
2015/05/21 职场文书
Python中threading库实现线程锁与释放锁
2021/05/17 Python
pytorch--之halfTensor的使用详解
2021/05/24 Python
MySQL数据库 任意ip连接方法
2022/05/20 MySQL