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 相关文章推荐
Prototype 工具函数 学习
Jul 23 Javascript
jQuery取id有.的值的方法
May 21 Javascript
浅谈Javascript 数组与字典
Jan 29 Javascript
javascript实现tab响应式切换特效
Jan 29 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
Apr 15 Javascript
jQ处理xml文件和xml字符串的方法(详解)
Nov 22 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
JS实现的简单轮播图运动效果示例
Dec 22 Javascript
JavaScript正则表达式替换字符串中图片地址(img src)的方法
Jan 13 Javascript
JavaScript函数节流的两种写法
Apr 07 Javascript
vue构建单页面应用实战
Apr 10 Javascript
vue实现select下拉显示隐藏功能
Sep 30 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 getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
解析php下载远程图片函数 可伪造来路
2013/06/25 PHP
php使用curl和正则表达式抓取网页数据示例
2014/04/13 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
Symfony学习十分钟入门经典教程
2016/02/03 PHP
thinkPHP模板中函数的使用方法示例
2016/11/30 PHP
PHP错误处理函数register_shutdown_function使用示例
2017/07/03 PHP
推荐20家国外的脚本下载网站
2011/04/28 Javascript
Javascript基础知识(一)核心基础语法与事件模型
2014/09/29 Javascript
JavaScript设计模式之抽象工厂模式介绍
2014/12/28 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
AngularJS动态加载模块和依赖的方法分析
2016/11/08 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
解决easyui日期时间框ie的兼容的问题
2018/03/01 Javascript
React 使用recharts实现散点地图的示例代码
2018/12/07 Javascript
vue 验证码界面实现点击后标灰并设置div按钮不可点击状态
2019/10/28 Javascript
ES6中的Javascript解构的实现
2020/10/30 Javascript
Python实现的爬取网易动态评论操作示例
2018/06/06 Python
Glamest意大利:女性在线奢侈品零售店
2019/04/28 全球购物
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
室内设计实习自我鉴定
2013/09/25 职场文书
高级销售员求职信
2013/10/25 职场文书
技术总监个人的自我评价范文
2013/12/18 职场文书
师德个人剖析材料
2014/02/02 职场文书
计算机求职信
2014/07/02 职场文书
班级团队活动方案
2014/08/14 职场文书
二手车交易协议书标准版
2014/11/16 职场文书
初中教师德育工作总结2015
2015/05/12 职场文书
常住证明范本
2015/06/23 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书
php引用传递
2021/04/01 PHP
Python利用机器学习算法实现垃圾邮件的识别
2021/06/28 Python
Nginx下SSL证书安装部署步骤介绍
2021/12/06 Servers
opencv深入浅出了解机器学习和深度学习
2022/03/17 Python
python中pycryto实现数据加密
2022/04/29 Python