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 ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
Winform客户端向web地址传参接收参数的方法
May 17 Javascript
基于slideout.js实现移动端侧边栏滑动特效
Nov 28 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
Feb 08 Javascript
JS实现两周内自动登录功能
Mar 23 Javascript
mpvue微信小程序多列选择器用法之省份城市选择的实现
Mar 07 Javascript
更优雅的微信小程序骨架屏实现详解
Aug 07 Javascript
微信小程序vant弹窗组件的实现方式
Feb 21 Javascript
用jQuery实现抽奖程序
Apr 12 jQuery
javascript前端实现多视频上传
Dec 13 Javascript
手写Vue源码之数据劫持示例详解
Jan 04 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
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
Valerio 发布了 Mootools
2006/09/23 Javascript
jQuery Ajax文件上传(php)
2009/06/16 Javascript
入门基础学习 ExtJS笔记(一)
2010/11/11 Javascript
基于jquery的滑动样例代码
2010/11/20 Javascript
跨浏览器通用、可重用的选项卡tab切换js代码
2011/09/20 Javascript
IE8提示Invalid procedure call or argument 异常的解决方法
2012/09/30 Javascript
js 验证密码强弱的小例子
2013/03/21 Javascript
JSON辅助格式化处理方法
2013/03/26 Javascript
jQuery中:button选择器用法实例
2015/01/04 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
日常收藏的jquery技巧
2015/12/02 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
JavaScript之promise_动力节点Java学院整理
2017/07/03 Javascript
JS鼠标滚动分页效果示例
2017/07/05 Javascript
使用Node.js搭建静态资源服务详细教程
2017/08/02 Javascript
angular中不同的组件间传值与通信的方法
2017/11/04 Javascript
swiper 解决动态加载数据滑动失效的问题
2018/02/26 Javascript
vue实现条件判断动态绑定样式的方法
2018/09/29 Javascript
webpack4+react多页面架构的实现
2018/10/25 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
python实现忽略大小写对字符串列表排序的方法
2014/09/25 Python
Python爬虫设置代理IP(图文)
2018/12/23 Python
pytorch中获取模型input/output shape实例
2019/12/30 Python
Python3自带工具2to3.py 转换 Python2.x 代码到Python3的操作
2021/03/03 Python
法国足球商店:Footcenter
2019/07/06 全球购物
C语言如何决定使用那种整数类型
2016/11/26 面试题
少先队入队活动方案
2014/02/08 职场文书
企业文明单位申报材料
2014/05/16 职场文书
财务经理岗位职责
2015/01/31 职场文书
布达拉宫导游词
2015/02/02 职场文书
初中班主任教育随笔
2015/08/15 职场文书
五年级作文之想象作文
2019/10/30 职场文书
浅谈Python基础之列表那些事儿
2021/05/11 Python