JS实现局部选择打印和局部不选择打印

时间:2024-05-11 09:05:49 

由于项目的需要在一个页面中选择打印内容。

把自己要打印的东西用一个DIV层抱起来。例如:


<!-- 信访事项转办告知单Start -->
<div id="itemVrbjForm" style="font-family:'仿宋','宋体';font-size: 18px; margin-top: 290px;" >
<div style="width: 600px; margin:0 auto;">
<div style="float: right;margin-top: -40px;">(告知单编号:${zjxfItemUser.acceptedNo })</div>
<div id="title" style="margin-top: 40px;" ><span>信访事项转办告知单</span></div>
${zjxfItemUser.userName }:(信访人名称)<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span id="itemVrbjTime"></span>,本机关(或单位)依法受理了你(或你们)提出的${zjxfItemUser.subject }信访事项,
该信访事项属于XXX职权范围内的事项,根据《信访条例》的有关规定,本机关已于XXXX年XX月XX日将有关材料转交给XXX处理,请及时与其联系。<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;特此告知。<br />
<div style="margin-top:50px;margin-right: 20px;float: right;">(盖${zjxfProcessOver.subOrgname }专用章或公章)</div>
<div style="margin-top:90px;margin-right: -190px;float: right;"><span id="itemVrbjEndTime"></span></div>
</div>
</div>
<!-- 信访事项转办告知单End -->


中间有不需要打印了,也用一个DIV层包含起来。利用CSS样式中的。在不需要打印的层中引用class="noprint"就搞定了


<style type="text/css" media="print">
.noprint{visibility: none;}
</style>


JS代码:

注意:在选择打印的时候样式会丢失,需要在打印之前加上你的打印即可。


$(function(){

$("#print").click(function(){

var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

});

//导入样式到选择打印中
function exportCSS(formName,htmlInfo){
var CSS = "<link href=\""+ baseURL +"/zjxf/common/css/common.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/table.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/form.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/tab.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/print.css\" type=\"text/css\" rel=\"stylesheet\" />" ;
$(CSS).appendTo("#" + formName);
window.document.body.innerHTML = $("#" + formName).html();
window.print();
window.document.body.innerHTML = htmlInfo;
}

});


这样既可以实现局部选择打印和局部不选择打印

标签:选择打印,不选择打印
0
投稿

猜你喜欢

  • Go使用sync.Map来解决map的并发操作问题

    2024-04-29 13:05:57
  • 解决pycharm最左侧Tool Buttons显示不全的问题

    2022-11-22 13:23:22
  • python字符串,数值计算

    2022-12-28 11:20:32
  • Bootstrap基本样式学习笔记之表单(3)

    2024-06-05 09:11:39
  • Go 中 time.After 可能导致的内存泄露问题解析

    2024-02-03 13:05:16
  • 15条JavaScript最佳实践小结

    2024-04-29 13:37:25
  • 首页访问感受提升三步曲

    2007-12-13 20:36:00
  • python字典的元素访问实例详解

    2023-06-10 10:54:11
  • JS实现六边形3D拖拽翻转效果的方法

    2023-08-28 15:51:31
  • golang 删除切片的某个元素及剔除切片内的零值方式

    2024-04-25 15:30:59
  • Python+OpenCV实现将图像转换为二进制格式

    2021-06-25 08:10:33
  • JS实现简单的二元方程计算器功能示例

    2024-05-02 17:39:30
  • Python实现手绘图效果实例分享

    2021-03-19 11:28:00
  • python被修饰的函数消失问题解决(基于wraps函数)

    2021-07-22 17:32:34
  • python 实现将txt文件多行合并为一行并将中间的空格去掉方法

    2021-12-16 12:17:09
  • Python 多线程的实例详解

    2023-09-24 23:15:04
  • Python enumerate索引迭代代码解析

    2022-04-05 17:13:07
  • 深入理解javascript中defer的作用

    2024-04-16 10:32:55
  • Python实现的Excel文件读写类

    2022-03-15 19:43:24
  • pygame实现俄罗斯方块游戏(基础篇1)

    2022-03-04 07:51:47
  • asp之家 网络编程 m.aspxhome.com