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 相关文章推荐
php图像生成函数之间的区别分析
Dec 06 Javascript
JQuery中属性过滤选择器用法实例分析
May 18 Javascript
javascript删除元素节点removeChild()用法实例
May 26 Javascript
JavaScript的jQuery库中ready方法的学习教程
Aug 14 Javascript
浅析JavaScript中的对象类型Object
May 26 Javascript
jQuery soColorPacker 网页拾色器
Jun 22 Javascript
jQuery与JS加载事件用法分析
Sep 04 Javascript
Vue.JS入门教程之自定义指令
Dec 08 Javascript
canvas绘制表盘时钟
Jan 23 Javascript
vue2的todolist入门小项目的详细解析
May 11 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
Apr 28 Javascript
JavaScript ECMA-262-3 深入解析(一):执行上下文实例分析
Apr 25 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
防止本地用户用fsockopen DDOS攻击对策
2011/11/02 PHP
PHP中如何调用webservice的实例参考
2013/04/25 PHP
PHP设计模式之调解者模式的深入解析
2013/06/13 PHP
php实现将数组转换为XML的方法
2015/03/09 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
PHP实现大数(浮点数)取余的方法
2017/02/18 PHP
Array对象方法参考
2006/10/03 Javascript
XENON基于JSON变种
2010/07/27 Javascript
js如何设置在iframe框架中指定div不显示
2013/12/04 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
使用jquery实现IE下按backspace相当于返回操作
2014/03/18 Javascript
Bootstrap每天必学之日期控制
2016/03/07 Javascript
使用JavaScript实现ajax的实例代码
2016/05/11 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
2016/08/31 Javascript
Vue.js教程之axios与网络传输的学习实践
2017/04/29 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
2017/06/30 Javascript
iscroll实现下拉刷新功能
2017/07/18 Javascript
vue-cli扩展多模块打包的示例代码
2018/04/09 Javascript
详解vue-loader在项目中是如何配置的
2018/06/04 Javascript
浅析微信扫码登录原理(小结)
2018/10/29 Javascript
实现一个Vue自定义指令懒加载的方法示例
2020/06/04 Javascript
vue切换菜单取消未完成接口请求的案例
2020/11/13 Javascript
[02:39]我与DAC之Newbee.Moogy:从论坛到TI
2018/03/26 DOTA
Python脚本暴力破解栅栏密码
2015/10/19 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
python递归法解决棋盘分割问题
2019/07/17 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
详解基于python的图像Gabor变换及特征提取
2020/10/26 Python
python tkinter的消息框模块(messagebox,simpledialog)
2020/11/07 Python
html5 input属性使用示例
2013/06/28 HTML / CSS
小学生班会演讲稿
2014/01/09 职场文书
《路旁的橡树》教学反思
2014/04/07 职场文书
小学生差生评语
2014/12/29 职场文书
2015年超市工作总结
2015/04/09 职场文书
消防安全月活动总结
2015/05/08 职场文书
解决xampp安装后Apache无法启动
2022/03/21 Servers