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 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
jquery插件推荐 jquery.cookie
Nov 09 Javascript
jQuery实现表格行上移下移和置顶的方法
May 22 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
Feb 18 Javascript
jquery  实现轮播图详解及实例代码
Oct 12 Javascript
手机端js和html5刮刮卡效果
Sep 29 Javascript
简单的vue-resourse获取json并应用到模板示例
Feb 10 Javascript
详谈js中标准for循环与foreach(for in)的区别
Nov 02 Javascript
详解webpack多页面配置记录
Jan 22 Javascript
手写简单的jQuery雪花飘落效果实例
Apr 22 jQuery
详解JavaScript中的Object.is()与&quot;===&quot;运算符总结
Jun 17 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
apache+codeigniter 通过.htcaccess做动态二级域名解析
2012/07/01 PHP
关于url地址传参数时字符串有回车造成页面脚本赋值失败的解决方法
2013/06/28 PHP
基于CI(CodeIgniter)框架实现购物车功能的方法
2018/04/09 PHP
js跨域和ajax 跨域问题的实现思路
2009/09/05 Javascript
javascript 弹出窗口中是否显示地址栏的实现代码
2011/04/14 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
Javascript原型链和原型的一个误区
2014/10/22 Javascript
Angularjs 基础入门
2014/12/26 Javascript
javascript高级编程之函数表达式 递归和闭包函数
2015/11/29 Javascript
js为什么不能正确处理小数运算?
2015/12/29 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
2016/05/17 Javascript
jquery实现网站列表切换效果的2种方法
2016/08/12 Javascript
原生JS实现图片网格式渐显、渐隐效果
2017/06/05 Javascript
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
[02:57]DOTA2亚洲邀请赛小组赛第四日 赛事回顾
2015/02/02 DOTA
Python代理抓取并验证使用多线程实现
2013/05/03 Python
Linux下通过python访问MySQL、Oracle、SQL Server数据库的方法
2016/04/23 Python
详解Python编程中对Monkey Patch猴子补丁开发方式的运用
2016/05/27 Python
PyQt5主窗口动态加载Widget实例代码
2018/02/07 Python
python实现随机漫步方法和原理
2019/06/10 Python
python 并发下载器实现方法示例
2019/11/22 Python
python 实现让字典的value 成为列表
2019/12/16 Python
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
时尚设计师手表:The Watch Cabin
2018/10/06 全球购物
JD Sports荷兰:英国领先的运动时尚零售商
2020/03/13 全球购物
证券期货行业个人的自我评价
2013/12/26 职场文书
应用艺术专业个人的自我评价
2014/01/03 职场文书
复核员上岗演讲稿
2014/01/05 职场文书
旅游安全协议书
2014/04/21 职场文书
活动总结报告格式
2014/05/09 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
调解书格式范本
2015/05/20 职场文书
张丽莉观后感
2015/06/16 职场文书
《珍珠鸟》教学反思
2016/02/16 职场文书