web打印的另类方法(web直接打印)

web打印的另类方法 选择自 wfmazhenhai 的 Blog 关键字 web打印的另类方法 出处 相信用B/S方式做过应用的人都可能会遇到这样一个问题，如何方便、美观地实现报表打印。如果使用浏览器的打印菜单打印的话，将把网页上的一些无用的东西打到报表上，比如应用菜单等。因为选择打印菜单打印网页将会把网页中的所有内容全部打印出来，如果你的应用有分帧则打印内容将包括各帧中的内容，而你实际要的内容只是其中一部分。所以有很多应用就只能把打印功能放到后台完成了。　　针对这种情况，我们该怎么办？其实可以有多种方法实现网页打印功能。 　　一种方法就是使用专业的打印工具，如Crystal Reports(水晶报表)。用过Visual Studio 5.0的朋友肯定记得这个工具，不过那时的版本只有4.几。现在的最新版本已达9了，近几个版本的水晶报表都支持WEB打印。最简单的方法是先用水晶报表制作好模板，然后使用ASP带参数调用制作好的模板即可。水晶报表在网页上生成报表后，可以直接打印，也可以转存为其它的比较通过的文件如Excel文件。使用水晶报表可以制作出非常漂亮的样式，关键在你对水晶报表的开发能力上，但由于水晶报表价格较高，只有当项目很赚钱时才买得起。 　　第二种方法是购买第三方的网上打印控件，费用同水晶报表相比便宜，但效果性能到底如何则仁者见仁了。 　　第三种方法是利用样式表及JavaScript自定义函数实现。通过样式表及JavaScript，实现网页打印，效果也还可以。在此有一个实例请大家看看。下面是打印函数实现详解： ＜script language="JavaScript" type="text/JavaScript"＞ ＜!-- function DP() { if (window.print) { var Div1 = document.all.Div1.innerHTML; var Div2 = document.all.Div2.innerHTML; // ***************************************************** // Div1、Div2即为你在打印的区域 // 这里根据你要打印的哪些内容，从原显示页面中用 // ＜div id=Div1＞Div1....＜/div＞＜div id=Div2＞Div2...＜/div＞ // 等标示出来,要打印多少项目就标示多少 // ***************************************************** var css = '＜style type="text/css" media=all＞' + 'p { line-height: %}' + '.ftitle { line-height: %; font-size: px; color: #}' + 'td { font-size: px; color: #}' + '＜/style＞' ; // ***************************************************** // 定义打印用的CSS，具体你想打印出什么样的格式全看你自己 // 了，但要注意：如果此处有什么同网页中不一致的，可能打印 // 出来的页面同网页格式、字体可能会有所不同 // ***************************************************** var body ='＜table width="" border="0" cellspacing="0" cellpadding="5"＞' + ' ＜tr＞ ' + ' ＜td class="fbody"＞ ' + ' ＜div align="center" class=ftitle＞' + Div1 + '＜/div＞' + Div2 + ' ＜/td＞' + ' ＜/tr＞' + '＜/table＞'; // ****************************************************** // 在此处重新设置的打印格式，根据你的打印要求，将原显示的 // 网页的DIV内容重新组合，可以根据你原来的表格内容，去掉 // 不要打印的，你也可以能下面定义的noprint忽略掉你不想打 // 印的东西，只调用你要打印的内容，但这样被忽略掉的地方将 // 打印出空，不是很美观。表格宽度要同打印的纸张宽度匹配。 // ****************************************************** document.body.innerHTML = '＜center＞' + css + body + '＜/center＞'; // ****************************************************** // 重设document.body，打印文档准备就绪 // ****************************************************** window.print(); window.history.go(0); // ****************************************************** // 调用打印命令，打印当前窗口内容。当你打印时其实是一张新 // 的网页了，但网页文件还是原先的。紧接着调用 // window.history.go(0)，再回到打印前的页面，效果相当不差 // ****************************************************** } } --＞ ＜/script＞ ＜style＞ @media print { .noprint {display:none} } ＜/style＞ ＜!--//.noprint 定义了noprint，在以下不需要打印的地方加入 class="noprint"后，用window.print()打印就会忽略--＞ 　　好了，一切就绪了，现在要做的就是调用DP函数，如果你将实现调用的按钮设计在同一张网页上，则直接调用即可；如果你用了分帧方法，实现调用的按钮是在另一张网页上，则在DP函数的第一行加入window.focus()命令，否则打印的只是有按钮的网页。 　　第四种方法，实现是一种取巧的方法。一样还是通过调用window.print()实现，只是将你要打印的内容专门生成一张网页，而打印按钮在另一帧上。假设报表网页在mainFrame上，按钮在topFrame上，按钮调用PrintReports()函数，PrintReports()函数如下即可实现打印工作。 function PrintReports() //topFrame网页中的函数 { try // ******************************************************* // 错误处理，如果在mainFrame中的网页没有DP函数则不打印 // ******************************************************* { window.parent.frames("mainFrame").DP(); } catch(e) { alert("no object to print!"); } } function DP() // mainFrame网页中函数 { window.focus(); if (window.print) { window.print(); } } 我个人认为这是最方便的方法了。 　　最后，如果你将IE浏览器的“文件－－页面设置”中的“页眉、页角”的设置去掉，则效果更佳了。(转载)

推荐整理分享web打印的另类方法(web直接打印)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:web版式打印,web实现打印功能,web打印解决方案,web打印的另类方式是什么,web打印的另类方法有哪些,web实现打印功能,web实现打印功能,web打印的另类方法有哪些,内容如对您有帮助，希望把文章链接给更多的朋友！

用CSS实现的一张图完成的按钮效果 [Ctrl+A全选注:如需引入外部Js需刷新才能执行]用CSS实现的一张图完成的导航条游戏娱乐菜单好玩[Ctrl+A全选注:如需引入外部Js需刷新才能执行]

文章内容页广告浮于左上角的解决办法 这个是整页代码，你可以看着改了，也可以保存成HTML文件，完了试试看就知道了，主要用的CSS+DIV上面的东西移到模板中，下面的东西也是一样~完了就

广告放在文章页左上角的解决办法二 可以试试这个表格式代码~tablewidth="%"border=0align="center"cellPadding=0cellSpacing=0trtdalign=leftheight=divalign=lefttablecellSpacing=0cellPadding=0align=leftborder=0trtdalign=centerw