编程 Javascript

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 实现票据的套打功能(代码)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持三水点靠木。

jquery PrintArea 实现票据的套打功能(代码)

- Author -

jingxian

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JQuery 构建客户/服务分离的链接模型中Table中的排序分析

Jan 22 Javascript

基于jquery的分页控件(C#)

Jan 06 Javascript

让浏览器非阻塞加载javascript的几种方法小结

Apr 25 Javascript

深入解析contentWindow, contentDocument

Jul 04 Javascript

javascript常用函数归纳整理

Oct 31 Javascript

20分钟轻松创建自己的Bootstrap站点

May 12 Javascript

浅谈Node.js轻量级Web框架Express4.x使用指南

May 03 Javascript

Angular中支持SCSS的方法

Nov 18 Javascript

JavaScript实现预览本地上传图片功能完整示例

Mar 08 Javascript

JS实现checkbox互斥(单选)功能示例

May 04 Javascript

泛谈JS逻辑判断选择器 || &&

May 24 Javascript

nuxt 服务器渲染动态设置 title和seo关键字的操作

Nov 05 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