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 相关文章推荐
IE6图片加载的一个BUG解决方法
Jul 13 Javascript
用JavaScript对JSON进行模式匹配(Part 1-设计)
Jul 17 Javascript
jquery ajax修改全局变量示例代码
Nov 08 Javascript
原生javascript实现无间缝滚动示例
Jan 28 Javascript
jquery中each遍历对象和数组示例
Aug 05 Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
js验证框架实现代码分享
May 18 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
React之PureComponent的使用作用
Jul 10 Javascript
jquery使用FormData实现异步上传文件
Oct 25 jQuery
说说Vue.js中的functional函数化组件的使用
Feb 12 Javascript
vue-cli+iview项目打包上线之后图标不显示问题及解决方法
Oct 16 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常用的安全过滤函数集锦
2014/10/09 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
如何解决PHP使用mysql_query查询超大结果集超内存问题
2016/03/14 PHP
Yii2中使用asset压缩js,css文件的方法
2016/11/24 PHP
javascript Base类 包含基本的方法
2009/07/22 Javascript
关于javascript 回调函数中变量作用域的讨论
2009/09/11 Javascript
取选中的radio的值
2010/01/11 Javascript
jquery获取input表单值的代码
2010/04/19 Javascript
JQuery表单验证插件EasyValidator用法分析
2014/11/15 Javascript
JavaScript设计模式之适配器模式介绍
2014/12/28 Javascript
js与jquery回车提交的方法
2015/02/03 Javascript
JS实现可调整倒计时间代码分享
2015/08/18 Javascript
Nodejs如何复制文件
2016/03/09 NodeJs
JS点击某个图标或按钮弹出文件选择框的实现代码
2016/09/27 Javascript
微信小程序实现弹出菜单
2018/07/19 Javascript
JS数组实现分类统计实例代码
2018/09/30 Javascript
python的正则表达式re模块的常用方法
2013/03/09 Python
简介Django框架中可使用的各类缓存
2015/07/23 Python
Python爬虫之xlml解析库(全面了解)
2017/08/08 Python
Python多继承顺序实例分析
2018/05/26 Python
Python中的枚举类型示例介绍
2019/01/09 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
Python tkinter和exe打包的方法
2020/02/05 Python
pycharm 对代码做静态检查操作
2020/06/09 Python
python怎么判断模块安装完成
2020/06/19 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
Python实现自动签到脚本的示例代码
2020/08/19 Python
35款精致的 CSS3 和 HTML5 网页模板 推荐
2012/08/03 HTML / CSS
一款利用纯css3实现的360度翻转按钮的实例教程
2014/11/05 HTML / CSS
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
解决HTML5中滚动到底部的事件问题
2019/08/22 HTML / CSS
澳大利亚厨房和家用电器购物网站:Bing Lee
2021/01/11 全球购物
历史教育专业个人求职信
2013/12/13 职场文书
2014党员学习《反腐倡廉警示教育读本》思想汇报
2014/09/13 职场文书
机关作风建设整改方案
2014/10/27 职场文书
虚拟机linux端mysql数据库无法远程访问的解决办法
2021/05/26 MySQL