讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

JS实现局部选择打印和局部不选择打印_javascript技巧

php中文网
发布： 2016-05-16 16:53:27
原创
1830人浏览过

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

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

绘蛙AI商品图
绘蛙AI商品图

电商场景的AI创作平台，无需高薪聘请商拍和文案团队，使用绘蛙即可低成本、批量创作优质的商拍图、种草文案

绘蛙AI商品图 178
查看详情 绘蛙AI商品图
复制代码 代码如下:




（告知单编号：${zjxfItemUser.acceptedNo }）

信访事项转办告知单

${zjxfItemUser.userName }：（信访人名称）

        
，本机关（或单位）依法受理了你（或你们）提出的${zjxfItemUser.subject }信访事项，
该信访事项属于XXX职权范围内的事项，根据《信访条例》的有关规定，本机关已于XXXX年XX月XX日将有关材料转交给XXX处理，请及时与其联系。

         特此告知。

（盖${zjxfProcessOver.subOrgname }专用章或公章）






中间有不需要打印了，也用一个DIV层包含起来。利用CSS样式中的。在不需要打印的层中引用class="noprint"就搞定了
复制代码 代码如下:



JS代码:

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

$(function(){

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

var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

});

//导入样式到选择打印中
function exportCSS(formName,htmlInfo){
var CSS = " " +
" " +
"" +
"" +
"" ;
$(CSS).appendTo("#" + formName);
window.document.body.innerHTML = $("#" + formName).html();
window.print();
window.document.body.innerHTML = htmlInfo;
}

});

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

大家都在看：

全能打印神器
全能打印神器

全能打印神器是一款非常好用的打印软件，可以在电脑、手机、平板电脑等设备上使用。支持无线打印和云打印，操作非常简单，使用起来也非常方便，有需要的小伙伴快来保存下载体验吧！

下载
来源：php中文网
收藏 点赞
上一篇：javascript 拷贝节点cloneNode()使用介绍_javascript技巧 下一篇：原生js获取宽高与jquery获取宽高的方法关系对比_javascript技巧
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
为什么JavaScript的数组方法如此强大_map、filter和reduce如何使用？ JavaScript数组的map、filter、reduce方法分别用于转换、筛选和聚合：map批量生成新数组，filter返回符合条件的子集，reduce将数组归约为单一值，三者均不修改原数组，提升代码简洁性与可维护性。
2025-12-19 14:08:03
835
怎样使用javascriptArrayBuffer_二进制数据如何操作？ ArrayBuffer是JavaScript中操作二进制数据的基础内存容器，需配合Uint8Array、Int32Array或DataView等视图使用；其长度固定，创建后不可变，常用于文件读取、网络请求、Canvas像素处理及WebAssembly等场景。
2025-12-19 14:04:02
823
什么是JavaScript中的装饰器_它们如何增强类和函数？ 装饰器是JavaScript中用于修改类、方法、访问器或参数行为的语法特性，本质为接收目标对象等参数并返回新定义的函数；目前处于TC39Stage3提案阶段，未正式标准化，但已被TypeScript和Babel广泛支持。
2025-12-19 13:45:21
273
javascript事件循环是什么_为什么理解它至关重要？ JavaScript事件循环是协调同步与异步代码执行的核心调度机制，通过宏任务与微任务队列的优先级调度，实现单线程下的非阻塞响应，确保页面不卡顿。
2025-12-19 13:33:08
633
什么是JavaScript的Vue.js_它如何实现响应式数据绑定呢 Vue通过Object.defineProperty（Vue2）或Proxy（Vue3）实现响应式数据绑定，配合依赖收集、派发更新与虚拟DOMdiff，达成数据变化自动更新视图的双向响应机制。
2025-12-19 13:16:51
201
javascript闭包是如何形成的_它有什么实际用途和陷阱？ 闭包是内部函数捕获并持有外部变量引用，使变量在外部函数执行完毕后仍保留在内存中；形成需满足三条件：存在内部函数、其被外部引用、且访问外部变量；核心价值在于封装状态与延续作用域生命周期。
2025-12-19 13:15:07
830
Javascript如何进行浏览器兼容性处理？ JavaScript兼容性应基于特性检测而非浏览器检测，优先使用现代标准并按需加载Polyfill，通过polyfill.io或core-js补全缺失API，Babel需配置targets和useBuiltIns，DOM操作需封装适配低版本行为。
2025-12-19 13:09:02
428
javascript中的DOM操作有哪些方法_如何高效地更新页面内容 DOM操作核心是用JavaScript控制网页结构和内容，高效更新需减少重排重绘、批量处理、避免频繁读写，并优先使用现代API。
2025-12-19 13:01:54
223
javascript的API是什么_如何调用常见的Web API？ JavaScript的API是浏览器或运行环境提供的预定义函数、对象和规则，用于与外部系统交互；常见类型包括DOM、Fetch、Date、localStorage和GeolocationAPI，均挂载于全局对象如window下。
2025-12-19 13:00:20
887
javascript地理定位是什么_如何获取用户的位置信息 JavaScript地理定位通过GeolocationAPI获取用户经纬度，需用户授权，综合Wi-Fi、基站、IP和GPS估算位置，精度几米至几公里；须检测兼容性、绑定用户操作调用，并配合地图SDK或服务端校验。
2025-12-19 12:57:44
113
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部