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的map与get方法详解
Nov 04 Javascript
基于jquery实现鼠标左右拖动滑块滑动附源码下载
Dec 23 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
Jun 14 Javascript
Bootstrap CSS组件之导航(nav)
Dec 17 Javascript
微信小程序 input表单与redio及下拉列表的使用实例
Sep 20 Javascript
Vue CLI3 如何支持less的方法示例
Aug 29 Javascript
微信小程序module.exports模块化操作实例浅析
Dec 20 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
May 31 Javascript
Vue防止白屏添加首屏动画的实例
Oct 31 Javascript
JS自定义对象创建与简单使用方法示例
Jan 15 Javascript
Openlayers实现扩散的动态点(水纹效果)
Aug 17 Javascript
js实现数字跳动到指定数字
Aug 25 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
Symfony页面的基本创建实例详解
2015/01/26 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
JS 自动安装exe程序
2008/11/30 Javascript
imgAreaSelect 中文文档帮助说明
2011/10/08 Javascript
js 剪切板的用法(clipboardData.setData)与js match函数介绍
2013/11/19 Javascript
angularjs中的单元测试实例
2014/12/06 Javascript
jQuery统计指定子元素数量的方法
2015/03/17 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
JS库 Highlightjs 添加代码行号的实现代码
2017/09/13 Javascript
详解node登录接口之密码错误限制次数(含代码)
2019/10/25 Javascript
vue实现把接口单独存放在一个文件方式
2020/08/13 Javascript
[01:55]TI9显影之尘系列 - Evil Geniuses
2019/08/22 DOTA
python设置检查点简单实现代码
2014/07/01 Python
Python下载网络小说实例代码
2018/02/03 Python
Form表单及django的form表单的补充
2019/07/25 Python
详解Django配置优化方法
2019/11/18 Python
Python 过滤错误log并导出的实例
2019/12/26 Python
python matplotlib中的subplot函数使用详解
2020/01/19 Python
Python递归及尾递归优化操作实例分析
2020/02/01 Python
django 取消csrf限制的实例
2020/03/13 Python
Python3标准库之threading进程中管理并发操作方法
2020/03/30 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
python各种excel写入方式的速度对比
2020/11/10 Python
python 模拟登陆163邮箱
2020/12/15 Python
python中count函数知识点浅析
2020/12/17 Python
HTML5 Canvas 破碎重组的视频特效的示例代码
2019/09/24 HTML / CSS
HTML5中如何显示视频呢 HTML5视频播放demo
2013/06/08 HTML / CSS
大韩航空官方网站:Korean Air
2017/10/25 全球购物
测试时代收集的软件测试面试题
2013/09/25 面试题
售后服务经理岗位职责范本
2014/02/22 职场文书
党的群众路线教育实践活动先进个人材料
2014/12/24 职场文书
2015年社区计生工作总结
2015/04/21 职场文书
三严三实·严以用权心得体会
2016/01/12 职场文书
2016年公共机构节能宣传周活动总结
2016/04/05 职场文书
win10频率超出范围怎么办?win10老显示超出工作频率范围的解决方法
2022/07/07 数码科技