手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >web打印的另类方法
web打印的另类方法
摘要:web打印的另类方法选择自wfmazhenhai的Blog关键字web打印的另类方法出处相信用B/S方式做过应用的人都可能会遇到这样一个问题...

web打印的另类方法选择自wfmazhenhai的Blog

关键字web打印的另类方法

出处

相信用B/S方式做过应用的人都可能会遇到这样一个问题,如何方便、美观地实现报表打印。如果使用浏览器的打印菜单打印的话,将把网页上的一些无用的东西打到报表上,比如应用菜单等。因为选择打印菜单打印网页将会把网页中的所有内容全部打印出来,如果你的应用有分帧则打印内容将包括各帧中的内容,而你实际要的内容只是其中一部分。所以有很多应用就只能把打印功能放到后台完成了。针对这种情况,我们该怎么办?其实可以有多种方法实现网页打印功能。

一种方法就是使用专业的打印工具,如CrystalReports(水晶报表)。用过VisualStudio5.0的朋友肯定记得这个工具,不过那时的版本只有4.几。现在的最新版本已达9了,近几个版本的水晶报表都支持WEB打印。最简单的方法是先用水晶报表制作好模板,然后使用ASP带参数调用制作好的模板即可。水晶报表在网页上生成报表后,可以直接打印,也可以转存为其它的比较通过的文件如Excel文件。使用水晶报表可以制作出非常漂亮的样式,关键在你对水晶报表的开发能力上,但由于水晶报表价格较高,只有当项目很赚钱时才买得起。

第二种方法是购买第三方的网上打印控件,费用同水晶报表相比便宜,但效果性能到底如何则仁者见仁了。

第三种方法是利用样式表及JavaScript自定义函数实现。通过样式表及JavaScript,实现网页打印,效果也还可以。在此有一个实例请大家看看。下面是打印函数实现详解:

<scriptlanguage="JavaScript"type="text/JavaScript">

<>

</script>

<style>

@mediaprint{

.noprint{display:none}

}

</style>

<>

好了,一切就绪了,现在要做的就是调用DP函数,如果你将实现调用的按钮设计在同一张网页上,则直接调用即可;如果你用了分帧方法,实现调用的按钮是在另一张网页上,则在DP函数的第一行加入window.focus()命令,否则打印的只是有按钮的网页。

第四种方法,实现是一种取巧的方法。一样还是通过调用window.print()实现,只是将你要打印的内容专门生成一张网页,而打印按钮在另一帧上。假设报表网页在mainFrame上,按钮在topFrame上,按钮调用PrintReports()函数,PrintReports()函数如下即可实现打印工作。

functionPrintReports()//topFrame网页中的函数

{

try

//*******************************************************

//错误处理,如果在mainFrame中的网页没有DP函数则不打印

//*******************************************************

{

window.parent.frames("mainFrame").DP();

}

catch(e)

{

alert("noobjecttoprint!");

}

}

functionDP()//mainFrame网页中函数

{

window.focus();

if(window.print)

{

window.print();

}

}

我个人认为这是最方便的方法了。

最后,如果你将IE浏览器的“文件--页面设置”中的“页眉、页角”的设置去掉,则效果更佳了。(转载)

【web打印的另类方法】相关文章:

CSS div居中的三种方法

IE6下div层被select控件遮住的问题解决方法

CSS挂马及相应防范方法

鼠标经过背景变色之CSS+DIV方法

chrome居中但ie不居中的解决方法

css实现连续的英文或数字自动换行的方法

CSS文字竖排方法

css实现鼠标悬停时滑出层提示的方法

CSS:清除浮动的最优方法

常用的10种CSS BUG解决方法与技巧

精品推荐
分类导航