今天在做项目的时候,需要实现一个功能,点击按钮的时候弹出打印页面,里面是我想打印的内容,下面是完成的效果:

这是主页面的按钮,点击:

弹出打印界面,注意,按钮并不在其中。
在这里,我设置的是A5纸张的大小,也就是148mm*210mm.也就是说,在这个过程中,我设置了点击触发,设置纸张大小,设置打印的范围,并且打开打印预览。
首先我使用的是Lodop打印控件,这是官网:
http://www.lodop.net/index.html
Lodop是什么呢?他是一个web打印控件,支持所有的浏览器,兼容ie8!
要在浏览器中使用它,,必须先安装Lodop,这是下载地址
可先下载第一个综合版,综合版里面还有很多肖demo,有兴趣可以自己多看看。
注意点:
install_lodop32.exe和install_lodop64.exe
这俩文件是安装和升级Lodop控件的主程序,对应32位和64位浏览器(注意浏览器位数不是操作系统位数)
安装完了之后,回到我们的工作上来,直接上代码:
HTML页面代码:
<!DOCTYPE html>
&

本文介绍了如何利用Lodop打印控件在Web应用中实现在所有浏览器上进行打印和预览功能,包括设置纸张大小、打印范围,并处理IE8的兼容性问题。Lodop是一款支持所有浏览器并兼容IE8的Web打印控件,通过下载并安装控件,结合HTML和JS代码,可以创建打印任务、设置自定义纸张尺寸,并实现动态内容的打印预览。
,自动打印预览想看到的内容&spm=1001.2101.3001.5002&articleId=103093725&d=1&t=3&u=5841ef8ef5184cb19aed47baa5e662d8)
2273

被折叠的 条评论
为什么被折叠?



