jQuery MiniUI

标题: 关于表单页面使用原生js打印，值不显示问题 [打印本页]

---

作者: xq286183401    时间: 2020-7-9 17:37:52     标题: 关于表单页面使用原生js打印，值不显示问题

在官网demo页面，http://miniui.com/demo/#src=form/form.html
中添加原生打印方法，

1. function preview(){
   
2. 
   
3.         bdhtml=window.document.body.innerHTML;//获取当前页的html代码
   
4. 
   
5.         console.log(bdhtml);
   
6. 
   
7.         window.document.body.innerHTML=bdhtml;
   
8. 
   
9. 
   
10. 
    
11.         //打印之前设置IE打印时不打印页眉 、页脚
    
12. 
    
13.         if (!!window.ActiveXObject || "ActiveXObject" in window) {
    
14. 
    
15.             remove_ie_header_and_footer();
    
16. 
    
17.         }
    
18. 
    
19. 
    
20. 
    
21.         window.print();
    
22. 
    
23.         window.document.body.innerHTML=bdhtml;
    
24. 
    
25.       }

复制代码

效果如下，点击打印后，表单数据消失
[attach]12883[/attach]

---

作者: felt    时间: 2020-7-10 10:17:04

先赋值，再打印，MiniUI控件不是简单html结构，处理有时间的。
本地测试，可以打印数据[attach]12884[/attach]
但是浏览器原生的打印效果不好，建议用专门的打印控件打印

---

作者: xq286183401    时间: 2020-7-10 10:31:24

felt 发表于 2020-7-10 10:17
先赋值，再打印，MiniUI控件不是简单html结构，处理有时间的。
本地测试，可以打印数据
但是浏览器原生的打 ...

不清楚你说的先赋值是什么意思？能把你的demo的代码贴出来么？我是在官网demo页面直接加了个打印按钮，html加载的时候已经有数据了，一点打印，就没了

---

作者: felt    时间: 2020-7-10 13:17:53

xq286183401 发表于 2020-7-10 10:31
不清楚你说的先赋值是什么意思？能把你的demo的代码贴出来么？我是在官网demo页面直接加了个打印按钮，ht ...

我就用你的代码打印的。
你这里打印的时候明显页面的内容都没了，你还做了什么处理。

---

作者: xq286183401    时间: 2020-7-10 14:04:17

什么也没做啊，就是复制，粘贴进去，点击运行代码，数据是有的，点打印后，就没有了。。

---

作者: felt    时间: 2020-7-13 09:09:47

xq286183401 发表于 2020-7-10 14:04
什么也没做啊，就是复制，粘贴进去，点击运行代码，数据是有的，点打印后，就没有了。。 ...

本地最新版本chrome版本 83.0.4103.116（正式版本） （64 位），就示例页面加上你的代码，可以正常用原生打印。
你的浏览器环境是什么

---

作者: xq286183401    时间: 2020-7-13 10:48:52

felt 发表于 2020-7-13 09:09
本地最新版本chrome版本 83.0.4103.116（正式版本） （64 位），就示例页面加上你的代码，可以正常用原生 ...

谷歌浏览器的版本也一样，就很奇怪

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2