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 相关文章推荐
Mootools 1.2教程 排序类和方法简介
Sep 15 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
Mar 28 Javascript
html向js方法传递参数具体实现
Aug 08 Javascript
jQuery的bind()方法使用详解
Jul 15 Javascript
JS获取多维数组中相同键的值实现方法示例
Jan 06 Javascript
JS排序之选择排序详解
Apr 08 Javascript
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
Avalonjs双向数据绑定与监听的实例代码
Jun 23 Javascript
微信小程序实现登录注册tab切换效果
Dec 29 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
JS异步宏队列与微队列原理区别详解
Jul 02 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/08/15 PHP
PHP 数组基本操作小结(推荐)
2016/06/13 PHP
PHP会话操作之cookie用法分析
2016/09/28 PHP
php源码的安装方法和实例
2019/09/26 PHP
在模板页面的js使用办法
2010/04/01 Javascript
禁用Tab键JS代码兼容Firefox和IE
2014/04/18 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
2016/05/30 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
react开发中如何使用require.ensure加载es6风格的组件
2017/05/09 Javascript
jQuery异步提交表单实例
2017/05/30 jQuery
JS轮播图实现简单代码
2021/02/19 Javascript
使用nodejs+express实现简单的文件上传功能
2017/12/27 NodeJs
vue学习笔记之给组件绑定原生事件操作示例
2020/02/27 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
在Debian下配置Python+Django+Nginx+uWSGI+MySQL的教程
2015/04/25 Python
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
python代码 if not x: 和 if x is not None: 和 if not x is None:使用介绍
2016/09/21 Python
python机器学习之神经网络(一)
2017/12/20 Python
Python实现的字典值比较功能示例
2018/01/08 Python
Python单元测试简单示例
2018/07/03 Python
对python 生成拼接xml报文的示例详解
2018/12/28 Python
详解Python列表赋值复制深拷贝及5种浅拷贝
2019/05/15 Python
python实现静态web服务器
2019/09/03 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
2014/05/08 HTML / CSS
C++面试题:关于链表和指针
2013/06/05 面试题
党员批评与自我批评思想汇报(集锦)
2014/09/14 职场文书
退学证明范本3篇
2014/10/29 职场文书
家长评语怎么写
2014/12/30 职场文书
出生公证书
2015/01/23 职场文书
情侣之间的道歉短信
2015/05/12 职场文书
mysql如何能有效防止删库跑路
2021/10/05 MySQL
css如何把元素固定在容器底部的四种方式
2022/06/16 HTML / CSS