实现web打印的各种方法介绍及实现代码

时间:2024-04-18 09:40:31 

wed的打印方法具我自己懂得知道的有:
1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现网页打印
3、CSS控制网页打印样式

JQuery插件Jqprint实现
首先要导入js文件:
jquery.jqprint.js下载


<scriptlanguage="javascript"src="jquery-1.7.1.min.js"></script>
<scriptlanguage="javascript"src="jquery.jqprint.js"></script>


html代码


<divclass="my_show">
这个打印时是显示的
</div>
<divclass="my_hidden">
这个打印时是隐藏的。
</div>
<inputtype="button"id="print"/>


javascript代码


<scripttype="text/javascript">
$(document).ready(function(){
$("#print").click(function(){
$(".my_show").jqprint();
})
});
</script>


该插件还提供了一些参数可配置,


{
debug:false,//如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
importCSS:true,//true表示引进原来的页面的css,默认是true。(如果是true,先会找$(“link[media=print]“),若没有会去找$(“link”)中的css文件)
printContainer:true,//表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
operaSupport:true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
}


而我自己使用到的只有importCSS:原始页面中的链接将导入到iframe。第一次它媒体searchs=打印,如果没有,将导入的正常的css文件。

importCSS示例


$('.my_show').jqprint({
importCSS://CSS样式文件
});
标签:打印方法,网页打印
0
投稿

猜你喜欢

  • Python 制作自动化翻译工具

    2022-08-17 05:34:50
  • python全面解析接口返回数据

    2023-09-15 17:02:28
  • 如何把小写数字转换成英文?

    2009-11-06 13:59:00
  • 如何正确处理数据库中的Null

    2007-09-30 19:41:00
  • 保护SQL服务器的安全 用户识别问题

    2008-12-24 15:26:00
  • Microsoft JET Database Engine 错误 '80040e21' 所有记录中均未找到搜索关键字

    2009-08-30 13:07:00
  • 关于Python中的编码规范

    2021-11-07 02:38:02
  • C# 连接SQL数据库的方法及常用连接字符串

    2024-01-16 21:49:47
  • Python asyncio异步编程常见问题小结

    2023-10-04 23:13:56
  • 在Django的模板中使用认证数据的方法

    2022-09-08 00:29:45
  • SqlServer 2005 中字符函数的应用

    2024-01-16 09:01:32
  • django富文本编辑器的实现示例

    2021-02-02 06:20:33
  • 浅析vue中的nextTick

    2024-04-26 17:42:21
  • Oracle如何批量将表中字段名全转换为大写(利用简单存储过程)

    2024-01-22 11:23:41
  • asp超强的Server Application Error 的解决方法

    2008-11-13 13:04:00
  • Go/Python/Erlang编程语言对比分析及示例代码

    2022-08-15 17:19:12
  • Python实现清理微信僵尸粉功能示例【基于itchat模块】

    2021-10-29 20:45:46
  • 8种Python异常检测算法总结

    2021-02-26 20:30:35
  • easyUI实现(alert)提示框自动关闭的实例代码

    2024-04-22 22:43:31
  • python处理“&#”开头加数字的html字符方法

    2021-11-05 17:09:42
  • asp之家 网络编程 m.aspxhome.com