這篇文章完全是屬於技術文章,也是記錄一下自己在項目當中遇到的坑爹問題啊,因為是B/S的程序,所以打印功能還是必須要有的,對於打印我選擇了一個js插件,發現非常的簡單和方便,所以這里拿出來和大家分享一下啊!還是很有用的哦!
在實際項目當中有時候還要包括數據統計的功能,這個我相信一般的項目都要有的吧(想聽聽大家的意見),這里也想請大家幫我推薦一個好的javascript插件吧,或者其他什么組件,不廢話了,看代碼去。
VS環境:2012
測試瀏覽器:所有主流瀏覽器(Chorme,Firefox,IE10,9,8,7,Opera,360安全(急速和兼容模式))
這是我的個人博客地址,大家可以看看哦!在留言板留言啊!http://yanghenglian.com/(使用高版本的瀏覽器打開哦,使用了html5和css3的一些東西,所以效果好,最好推薦谷歌)!
1.頁面(代碼)
打印頁面

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>javascript實現頁面打印(適合B/S)程序</title> <script src="js/jquery-1.6.4.min.js"></script> <script src="js/jquery.printPage.js"></script> <script type="text/javascript"> $(document).ready(function () { $(".btnPrint").printPage(); }); </script> </head> <body> <!-- class自定義的類樣式 --> <p><a class="btnPrint" href="list.html">打印</a></p> </body> </html>
列表頁面

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>列表頁面</title> </head> <body> <table> <tbody> <tr> <td width="340" valign="top">1</td> <td width="340" valign="top">2</td> <td width="340" valign="top">3</td> <td width="340" valign="top">4</td> <td width="340" valign="top">5</td> </tr> <tr> <td width="340" valign="top">上</td> <td width="340" valign="top">山</td> <td width="340" valign="top">打</td> <td width="340" valign="top">老</td> <td width="340" valign="top">虎</td> </tr> </tbody> </table> </body> </html>
2.效果圖
主要的代碼就是這兩個頁面,其他的沒什么很大的業務邏輯了。希望可以幫助到大家(不求推薦了,還是希望大家可以少走點彎路吧!),項目我也放到了csdn當中,希望大家可以下載查看,無私奉獻。贊一個!
開源下載地址:http://download.csdn.net/download/mryanghenglian/6660357
將來的你一定會感激現在拼命的自己