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 相关文章推荐
jQuery 隔行换色 支持键盘上下键,按Enter选定值
Aug 02 Javascript
如何设置一定时间内只能发送一次请求
Feb 28 Javascript
jquery新的绑定事件机制on方法的使用方法
Apr 15 Javascript
简介JavaScript中setUTCSeconds()方法的使用
Jun 12 Javascript
javascript使用输出语句实现网页特效代码
Aug 06 Javascript
JavaScript基础——使用Canvas绘图
Nov 02 Javascript
jquery版轮播图效果和extend扩展
Jul 18 jQuery
彻底理解js面向对象之继承
Feb 04 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
vue 录制视频并压缩视频文件的方法
Jul 27 Javascript
如何在vue里面优雅的解决跨域(路由冲突问题)
Jan 20 Javascript
Node.js API详解之 tty功能与用法实例分析
Apr 27 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会话(Session)实现用户登陆功能
2013/06/29 PHP
thinkPHP实现MemCache分布式缓存功能
2016/03/23 PHP
PHP保存Base64图片base64_decode的问题整理
2019/11/04 PHP
ExtJS 设置级联菜单的默认值
2010/06/13 Javascript
判断一个对象是否为jquery对象的方法
2014/03/12 Javascript
Javascript 赋值机制详解
2014/11/23 Javascript
浅析AngularJS中的指令
2016/03/20 Javascript
JS中的forEach、$.each、map方法推荐
2016/04/05 Javascript
JS实现回到页面顶部动画效果的简单实例
2016/05/24 Javascript
浅谈在js传递参数中含加号(+)的处理方式
2016/10/11 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
JavaScript你不知道的一些数组方法
2017/08/18 Javascript
js HTML5 canvas绘制图片的方法
2017/09/08 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
layui获取选中行数据的实例讲解
2018/08/19 Javascript
Layer弹出层动态获取数据的方法
2018/08/20 Javascript
webpack配置proxyTable时pathRewrite无效的解决方法
2018/12/13 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
2020/09/28 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
Python开发实例分享bt种子爬虫程序和种子解析
2014/05/21 Python
教你如何在Django 1.6中正确使用 Signal
2014/06/22 Python
Python命令行参数解析模块optparse使用实例
2015/04/13 Python
python字典基本操作实例分析
2015/07/11 Python
Tensorflow中的placeholder和feed_dict的使用
2018/07/09 Python
pygame游戏之旅 添加游戏暂停功能
2018/11/21 Python
对Python Class之间函数的调用关系详解
2019/01/23 Python
Python Django 命名空间模式的实现
2019/08/09 Python
Python 面向对象静态方法、类方法、属性方法知识点小结
2020/03/09 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
在家更换处方镜片:Lensabl
2019/05/01 全球购物
一句话工作感言
2014/03/01 职场文书
中式婚礼主持词
2014/03/13 职场文书
分公司任命书
2014/06/06 职场文书
个人事迹材料范文
2014/12/29 职场文书
大学生见习总结报告
2015/06/24 职场文书
docker-compose部署Yapi的方法
2022/04/08 Servers