600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > web网站怎样实现打印功能 – CSS – 前端 css中如何显示隐藏

web网站怎样实现打印功能 – CSS – 前端 css中如何显示隐藏

时间:2019-02-02 04:16:42

相关推荐

web网站怎样实现打印功能 – CSS – 前端 css中如何显示隐藏

Web系统中,打印功能一直是个老大难问题,因此产生了很多第三方的控件,多数要收费,而且跟自己的系统结合有一定的麻烦。

系统采用J2EE技术,jsp打印问题同样存在于OA中。打印方式有三种:

一是不经过任何修改,直接调用javascript中的window.print()打印。

二根据客户要求的报表格式,编写相应格式的html,装载数据打印,同样调用window.print()打印,只是对html的格式要求比较高。

三是通过客户提供的word格式,通过xml配置文件与数据库的数据进行关联,自动装载数据到word中打印,这里是利用客户端的word进行打印。

第一种几乎不用编写程序,最简单快捷,这里会遇到几个问题,只能打印表单内容,按钮不希望打印出来;页眉页脚不想打印出来;IE的titile不想打印出来。

解决办法:把button放在一个table或者div里,打印的时候隐藏,完成后显示就可以。系统中的javascript打印代码如下:

function Print() { var tit = document.title; document.title = ""; table1.style.display = "none"; window.print(); document.title = tit; table1.style.display = "";}不过只能起到打印的目的,打印的效果一般比较土。

不管怎么说,可以最快的让系统的大部分模块都有打印的功能。

第二种方式必须根据每个报表的格式进行定制html和java程序开发,会花比较多的时间。要注意的是对html中table的样式控制,在IE中浏览看起来很细的边框,打印出来有些线条会比较粗,有些线条又会比较细,阴阳怪气的很难看。

在table中直接用bordercolor会让线条显得很粗,用bordercolorlight,bordercolordark配合使用可以显示出秀气的线条。<html> <head></head> <body> <table border="1" bordercolorlight="red" bordercolordark="#FFFFFF" cellpadding="3" cellspacing="0"> <tbody> <tr><td>姓名</td><td>所属部门</td></tr><tr><td>陈</td><td>技术部</td></tr> </tbody> </table> </body></html>比如以上代码,在IE中看起来线条一样大小,还是比较秀气。

不要高兴的太早,打印出来的效果不象在IE中看到的那样,边框虽细,内线却很粗!原因是每个td都有边框,td与td的交接处就会有线条重叠,虽然IE看起来没有,可是打印的时候就会显示出来。

这个问题的解决办法是控制每一个td的样式,对重叠的地方进行border-bottom:1px之类的控制。

这个方案比较消耗精力,而且打印的时候很难控制分页,更不能随时按照客户的需要调整字体边框颜色等。

第三种方案:从服务器端生成word、excel等文档,发送到浏览器进行打印实现过程:先将需要打印的数据导入到word或者excel中,再利用word或者excel的打印功能来实现web打印。 下面以excel为例实现如何打印的过程 将网页中数据导入excel中的方法有很多,这里先介绍一种,利用ActiveX控件的方式,即 Excel.Application, 这个控件是MS为excel提供的编程接口,在很多种编程语言种都可以通过该接口来操纵excel表格。 下面用javascript脚本来实现一个简单的例子。<script language = "javascript">function ExcelPrint() { var excelApp; //存放Excel对象 var excelBook; //存放Excel工件簿文件 var excelSheet; //存放Excel活动工作表 try { excelApp = new ActiveXObject("Excel. Application"); //创建Excel对象} catch(e) { alert("请启用ActiveX控件设置!"); return; } excelBook = excelApp.Workbooks.Add(); //创建Excel工作簿文件 excelSheet = excelBook.ActiveSheet; //激活Excel工作表 var rowLen = printTable.rows.length; //table对象的行数 for (var i = 0; i < rowLen; i++) { var colLen = printTable.rows(i).cells.length; //table对象的列数 for (var j = 0; j < colLen; j++) //为Excel表的单元格赋值 excelSheet.Cells(i + 1, j + 1).value = printTable.rows(i).cells(j).innerText; } //将表格中的每个单元格的innerText导入到excel的单元格中 excelApp.Visible = true; //设置Excel对象可见 excelSheet.PrintOut(); //打印工作表 excelBook.Close(true); //关闭文档 excelApp.Quit(); //结束excel对象 excelApp = null; //释放excel对象 }}</script> 注意: 运行该程序的前提是 IE要允许对没有标记为安全的Activex控件进行初始化和脚本运行。设置方法如下: 打开控制面板→Internet选项→安全性→自定义级别→对没有标记为安全的ActiveX控件进行初始化和脚本运行→选中启用,这样大家的程序就可以运行了。如果没有启用该ActiveX控件设置,那么程序在执行创建Excel对象时会抛出一个异常,这时可以通过catch()语句来捕获这个异常,并且做出相应的处理。 运行该程序必须客户端安装了MS EXCEL,否则Activex驱动不了。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。