Oejia 技术栈
首页
应用市场
方案
OE学院
分享
关于
编辑器
登录
浏览器调用print实现部分打印的两种方法
OdooGo
on 2022-05-30
### 替换body的内容为要打印的内容，然后再从新刷新页面 ``` const old = window.document.body.innerHTML //备份原来的页面 window.document.body.innerHTML = '' window.document.body.appendChild(/* 将你要打印的内容附加到这 */) window.print() //调用print()函数时，会跳出打印预览的界面，如下的代码被阻塞，关闭预览界面后继续执行 window.document.body.innerHTML = old window.location.reload() //从新加载旧页面 ``` ### 将打印内容放到新窗口打印，打印结束后关闭新窗口 ``` const newWindow = window.open("打印窗口", "_blank") const docStr = '<div>test</div>' //须要打印的内容 newWindow.document.write(docStr) const styles = document.createElement("style") styles.setAttribute('type', 'text/css') //media="print" styles.innerHTML = '' newWindow.document.getElementsByTagName('head')[0].appendChild(styles) newWindow.print() newWindow.close() ```
Information
浏览器调用print实现部分打印的两种方法
http://www.oejia.net/article/c3effe9d916e017174a46eafa54c036d
http://www.oejia.net/raw/c3effe9d916e017174a46eafa54c036d
OdooGo
on 2022-05-30
Category
前端
Related
2016-07-18 :
话题评论 RPC 服务存储结构
2016-02-01 :
odoo相关
2015-1-7 :
RQ异步任务队列介绍
2022-02-02 :
Odoo 异步任务队列 task_queue 基于 celery 的使用
2017-03-21 :
算法
2014-12-15 :
Cordova开发环境搭建与基本使用
2016-02-21 :
Odoo 权限控制解析及 eval 详解
2016-01-17 :
EXTJS 中Ajax 应用示例
2018-02-08 :
Odoo 列表视图如何开启横向自动滚动条
2018-11-19 :
wkhtmltopdf、PDF导出、字体相关
官方订阅号
关注订阅实时了解我们更多分享
分类
(20)
Django (3)
DjangoX (13)
JS (2)
Nginx (1)
Odoo (135)
Python (1)
YouMd (3)
公告说明 (2)
前端 (2)
后端HTTP (7)
异常处理 (1)
桌面UI (1)
移动开发 (4)
About This Entry
AccessError
Odoo 销售订单关于内部执行与协作的扩展功能介绍
About This Blog
main index
to find recently
archives
to find all
标签
微信模块发布记录
微信模块
小程序商城
Web
Http
客服系统
OE商城
审批OA
HTML5
DjangoX
Markdown
PyQT
Excel
YouPBX
Python
服系统
markdown
解析
oeshop
示例
md
最近发布
Odoo商城模块 Oejia_weshop v1.3 发布，增加中英多语言支持及客户子账号模式！
OSError [Errno 5] Input/output error 异常处理
Odoo context 的常见使用示例
Odoo 符合国人菜单导航习惯的后台主题，支持最新的Odoo17、16等版本，支持企业版！
Odoo 官方应用市场开启 Odoo17 应用的发布！增加了行业应用专栏
Odoo商城模块 Oejia_weshop v1.2 发布，多商户、分销增强，增加商家端！
处理 Error Failed to download metadata for repo ‘appstream‘ Cannot prepare internal mirrorlist
Odoo 16 关键变化 change the term "acquirer" to "provider"
企业微信错误码 81013 的排查与处理
Friend Links
Oejia技术梦博客分享
YouMd，爱上MarkDown
Mole轻量级wsgi架子
