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 相关文章推荐
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
javascript时间函数大全
Jun 30 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
jQuery实现点击水纹波动动画
Apr 10 Javascript
js格式化时间的简单实例
Nov 27 Javascript
实例解析jQuery工具函数
Dec 01 Javascript
angular实现form验证实例代码
Jan 17 Javascript
基于JavaScript实现拖动滑块效果
Feb 16 Javascript
Angular2 路由问题修复详解
Mar 01 Javascript
angularJs自定义过滤器实现手机号信息隐藏的方法
Oct 08 Javascript
vuex管理状态仓库使用详解
Jul 29 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 Vue.js
基于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
德生PL330的评价与改造
2021/03/02 无线电
用mysql触发器自动更新memcache的实现代码
2009/10/11 PHP
php中file_get_contents与curl性能比较分析
2014/11/08 PHP
讲解WordPress中用于获取评论模板和搜索表单的PHP函数
2015/12/28 PHP
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
2007/03/06 Javascript
javascript 用原型继承来实现对象系统
2010/03/22 Javascript
避免 showModalDialog 弹出新窗体的原因分析
2010/05/31 Javascript
javascript函数定义的几种区别小结
2014/01/06 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
原生JS简单实现ajax的方法示例
2016/11/29 Javascript
JavaScript实现同一个页面打开多张图片
2016/12/29 Javascript
vue组件实例解析
2017/01/10 Javascript
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
关于JavaScript中高阶函数的魅力详解
2018/09/07 Javascript
解决vue axios的封装 请求状态的错误提示问题
2018/09/25 Javascript
AngularJS动态生成select下拉框的方法实例
2019/11/17 Javascript
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
[02:33]2018 DOTA2亚洲邀请赛回顾视频 再次拾起那些美妙的时刻
2018/04/10 DOTA
python操作xml文件详细介绍
2014/06/09 Python
Python中函数及默认参数的定义与调用操作实例分析
2017/07/25 Python
Python OpenCV读取png图像转成jpg图像存储的方法
2018/10/28 Python
python实现文本界面网络聊天室
2018/12/12 Python
python简单区块链模拟详解
2019/07/03 Python
python保留小数位的三种实现方法
2020/01/07 Python
基于python实现地址和经纬度转换
2020/05/19 Python
法国低价在线宠物商店:bitiba.fr
2020/07/03 全球购物
韩国乐天网上商城:Lotte iMall
2021/02/03 全球购物
销售总监工作职责
2013/11/21 职场文书
仓库主管的岗位职责
2013/12/04 职场文书
财务学生的职业生涯发展
2014/02/11 职场文书
民事诉讼代理授权委托书
2014/10/11 职场文书
休学证明范本
2015/06/19 职场文书
志愿者服务宣传标语口号
2015/12/26 职场文书
springboot @ConfigurationProperties和@PropertySource的区别
2021/06/11 Java/Android
MySQL创建管理KEY分区
2022/04/13 MySQL