[知了堂学习笔记]打印生成word文档(jq)
2018-03-05 10:35
211 查看
利用浏览器对jq插件的支持进行打印
Html中给一个打印按钮,id为jqprint
![](https://img-blog.csdn.net/20180305102532581?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
将所要打印的内容放入div中,div的id为print
![](https://img-blog.csdn.net/20180305102546442?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
直接.jqprint()打印—-1和2的区别放入下面分析
![](https://img-blog.csdn.net/20180305102625576?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
引入jq和jqprint,解决juqery版本兼容问题
jquery.jqprint-0.3.js:
![](https://img-blog.csdn.net/20180305102652886?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
定义全局变量 opt
![](https://img-blog.csdn.net/20180305102833998?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
当调用.jqprint时(接上面的1和2的区分)
1:给定debug,importCSS,printContainer,operaSupport
![](https://img-blog.csdn.net/20180305103015496?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
2:不给
![](https://img-blog.csdn.net/20180305103049164?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
根据浏览器的不同打开新的空白文档/新的窗口
引入CSS样式
![](https://img-blog.csdn.net/20180305103256393?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
想选择的内容写在新的文档/窗口
![](https://img-blog.csdn.net/20180305103314490?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
关闭
![](https://img-blog.csdn.net/20180305103336505?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
默认设置,如果有,则html中不需要在写
![](https://img-blog.csdn.net/2018030510340060?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
![](https://img-blog.csdn.net/20180305103500142?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
将DOM放进iframe中
![](https://img-blog.csdn.net/20180305103521742?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZG91ZG91X2Jvc3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70)
请关注“知了堂学习社区”,地址:http://www.zhiliaotang.com/portal.php
Html中给一个打印按钮,id为jqprint
将所要打印的内容放入div中,div的id为print
直接.jqprint()打印—-1和2的区别放入下面分析
引入jq和jqprint,解决juqery版本兼容问题
jquery.jqprint-0.3.js:
定义全局变量 opt
当调用.jqprint时(接上面的1和2的区分)
1:给定debug,importCSS,printContainer,operaSupport
2:不给
根据浏览器的不同打开新的空白文档/新的窗口
引入CSS样式
想选择的内容写在新的文档/窗口
关闭
默认设置,如果有,则html中不需要在写
将DOM放进iframe中
请关注“知了堂学习社区”,地址:http://www.zhiliaotang.com/portal.php
相关文章推荐
- itext生成word文档使用笔记
- [知了堂学习笔记]代码生成唯一id(并发量不大的情况下)
- [shiro学习笔记]第四节 使用源码生成Shiro的CHM格式的API文档
- Doxygen学习笔记(0)- 利用Doxygen快速生成帮助文档
- Java学习笔记--使用Javadoc生成程序开发文档
- 学习Oracle数据库整理笔记(word文档图片不显示)
- IOS学习笔记-9Objective-C规范注释心得——同时兼容appledoc(docset、html)与doxygen(html、pdf)的文档生成
- ant学习笔记(四)ant整合javadoc直接生成java文档api并将其打包之后上传到FTP服务器上面
- php学习笔记之将word文档转化为HTML文件
- Java生成 Word文档的并打印解决方案
- java学习笔记-使用javadoc命令生成API文档
- Spring Boot学习笔记 - 整合Swagger2自动生成RESTful API文档
- [知了堂学习笔记]导出生成excel表
- C#根据WORD模板生成WORD文档 C#网页打印
- Java学习笔记——doc文档自动生成方法
- java生成word 文档学习过程--Freemarker
- Java生成固定格式word并打印word文档解决方案【windows环境】
- java学习笔记(word文档备注不能正常显示,如有错误,忘不吝指正)
- Flex+IIS与Flex+Visual Studio中输出Word文档的区别与疑问(学习笔记)
- [shiro学习笔记]第四节 使用源代码生成Shiro的CHM格式的API文档