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 09 Javascript
Javascript中call与apply的学习笔记
Sep 22 Javascript
jQuery/CSS3图片特效插件整理推荐
Dec 07 Javascript
详解JavaScript ES6中的模板字符串
Jul 28 Javascript
js实现上传图片及时预览
May 07 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
JS获取当前使用的浏览器名字以及版本号实现方法
Aug 19 Javascript
Vue.js组件tree实现省市多级联动
Dec 02 Javascript
JS实现图片垂直居中显示小结
Dec 13 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
Jan 03 Javascript
vue.js使用v-model实现表单元素(input) 双向数据绑定功能示例
Mar 08 Javascript
JS实现简单九宫格抽奖
Jun 28 Javascript
基于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
php ftp文件上传函数(基础版)
2010/06/03 PHP
PHP获取当前日期所在星期(月份)的开始日期与结束日期(实现代码)
2013/06/18 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
jQuery浏览器CSS3特写兼容实例
2015/01/19 Javascript
详解 javascript中offsetleft属性的用法
2015/11/11 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
jQuery获取某天的农历日期并判断是否除夕或新年的方法
2016/03/01 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
Bootstrap 3 进度条的实现
2017/02/22 Javascript
angularjs2中父子组件的数据传递的实例代码
2017/07/05 Javascript
vue.js实现点击后动态添加class及删除同级class的实现代码
2018/04/04 Javascript
JavaScript实现shuffle数组洗牌操作示例
2019/01/03 Javascript
这应该是最详细的响应式系统讲解了
2019/07/22 Javascript
vue fetch中的.then()的正确使用方法
2020/04/17 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
基于Web Audio API实现音频可视化效果
2020/06/12 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
[01:34]完美“圣”典宣传片震撼发布,12.17与你不见不散
2016/12/16 DOTA
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Django中对通过测试的用户进行限制访问的方法
2015/07/23 Python
python+opencv轮廓检测代码解析
2018/01/05 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
Python的UTC时间转换讲解
2019/02/26 Python
python实现简易学生信息管理系统
2020/04/05 Python
超实用的 30 段 Python 案例
2019/10/10 Python
将python2.7添加进64位系统的注册表方式
2019/11/20 Python
如何在keras中添加自己的优化器(如adam等)
2020/06/19 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
全方位了解CSS3的Regions扩展
2015/08/07 HTML / CSS
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
应届毕业生求职信范例分享
2013/12/17 职场文书
医师定期考核实施方案
2014/05/07 职场文书
群众路线教育实践活动民主生活会个人检查对照思想汇报
2014/10/04 职场文书
力克胡哲观后感
2015/06/10 职场文书
JavaScript函数柯里化
2021/11/07 Javascript