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 ui resizable bug解决方法
Oct 26 Javascript
JavaScript实现表格排序方法
Jun 14 Javascript
Js Jquery创建一个弹出层可加载一个页面
May 08 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
jQuery scrollFix滚动定位插件
Apr 01 Javascript
直接拿来用的15个jQuery代码片段
Sep 23 Javascript
javascript检测flash插件是否被禁用的方法
Jan 14 Javascript
EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)
Feb 21 Javascript
微信小程序 window_x64环境搭建
Sep 30 Javascript
微信小程序中插入激励视频广告并获取收益(实例代码)
Dec 06 Javascript
vue 对axios get pust put delete封装的实例代码
Jan 05 Javascript
解决VUE-Router 同一页面第二次进入不刷新的问题
Jul 22 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
关于ob_get_contents(),ob_end_clean(),ob_start(),的具体用法详解
2013/06/24 PHP
深入理解PHP的远程多会话调试
2017/09/21 PHP
php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】
2020/05/27 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
jQuery实现 上升、下降、删除、添加一行代码
2017/03/06 Javascript
JS实现无缝循环marquee滚动效果
2017/05/22 Javascript
JS动态添加的div点击跳转到另一页面实现代码
2017/09/30 Javascript
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
vue.js 实现图片本地预览 裁剪 压缩 上传功能
2018/03/01 Javascript
js技巧之十几行的代码实现vue.watch代码
2018/06/09 Javascript
JavaScript JMap类定义与使用方法示例
2019/01/22 Javascript
Angular使用ControlValueAccessor创建自定义表单控件
2019/03/08 Javascript
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
谈谈我在vue-cli3中用预渲染遇到的坑
2020/04/22 Javascript
[04:59]DOTA2-DPC中国联赛 正赛 Ehome vs iG 选手采访
2021/03/11 DOTA
python实现在sqlite动态创建表的方法
2015/05/08 Python
python 设置文件编码格式的实现方法
2017/12/21 Python
Python numpy实现二维数组和一维数组拼接的方法
2018/06/05 Python
数据清洗--DataFrame中的空值处理方法
2018/07/03 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
Python正则表达式实现简易计算器功能示例
2019/05/07 Python
Python实现TCP通信的示例代码
2019/09/09 Python
windows下Python安装、使用教程和Notepad++的使用教程
2019/10/06 Python
python torch.utils.data.DataLoader使用方法
2020/04/02 Python
PyTorch的torch.cat用法
2020/06/28 Python
什么是Assembly(程序集)
2014/09/14 面试题
历史学专业推荐信
2013/11/06 职场文书
生产部厂长职位说明书
2014/03/03 职场文书
优秀党员申报材料
2014/12/18 职场文书
小学母亲节活动总结
2015/02/10 职场文书
2016新年致辞
2015/08/01 职场文书
《世界多美呀》教学反思
2016/02/22 职场文书
JavaScript中isPrototypeOf函数
2021/11/07 Javascript
草系十大最强宝可梦,纸片人上榜,榜首大家最熟悉
2022/03/18 日漫