网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
来源:互联网 发布:cf手游剑齿虎优化 编辑:程序博客网 时间:2024/06/05 11:18
转载自:http://blog.csdn.net/sunhuaqiang1/article/details/49950835
JS实现打印功能(包括打印预览、打印设置等)
绪
最近在进行项目开发时,需要实现后台管理端打印功能,遂在网上一阵搜索,搜到了很多相关的文章。其中绝大部分文章都是使用的Lodop5.0(Web打印和套打控件)控件,而且有些环境下还不能使用。如有想使用此控件实现打印功能的盆友,可点击进行下载。但我强烈推荐下面的方法,即利用系统本身的打印属性实现打印功能。简单的一条系统调用命令即可实现。
前提条件:
进行的电脑必须连接有打印机,至于判断PC是否连接打印机的问题还未能解决,欢迎有解决方法的朋友留言,小生不胜感激!
代码
介绍两个关键的css
<style media="print">
.Noprint { DISPLAY: none }
.PageNext{ PAGE-BREAK-AFTER: always }
</style>
第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)
基本的做法就是直接调用系统打印功能,如下代码所示:
window.print();
就可实现页面局部打印了,很easy吧!而且可以实现打印预览、设置等操作。
阅读全文
0 0
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- JS 打印功能代码(包括打印预览、打印设置等)
- js实现打印、页面设置、打印预览功能
- js实现打印、页面设置、打印预览功能
- js打印预览功能
- javascript 实现打印,打印预览,打印设置
- JavaScript 实现打印,打印预览,打印设置
- javascript 实现打印,打印预览,打印设置
- js 打印,打印预览
- 实现打印预览及打印功能
- JavaScript实现打印和打印预览功能
- C#实现打印与打印预览功能
- C#实现打印与打印预览功能
- C#实现打印与打印预览功能
- C#实现打印与打印预览功能
- js实现局部打印及其打印预览
- js实现局部打印及其打印预览
- 自定义网页头部前面小图标
- poj算法-使用C语言在VC++6.0实现poj1004
- Effective STL学习笔记-条款30
- MySQL多个数据表关系
- 6. 同步化器(Synchronizers)
- 网站开发进阶(十二)JS实现打印功能(包括打印预览、打印设置等)
- ctf隐写篇
- leetcode 21. Merge Two Sorted Lists(C语言,合并两个排序的链表为一个排序链表)32
- python学习:字典
- JVM 运行时数据区——方法区、堆、栈
- 6.1倒计时锁(Countdown Latches)
- LeetCode 0101
- Edit Distance(Dynamic Programming)
- SPI通信协议(SPI总线)学习