內(nèi)蒙古java團(tuán)隊(duì)

          j2se,j2ee開發(fā)組
          posts - 139, comments - 212, trackbacks - 0, articles - 65
            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          JavaScript實(shí)現(xiàn)Web打印

          Posted on 2010-04-25 22:24 帥子 閱讀(2403) 評論(1)  編輯  收藏
          在Web中想用JavaScript實(shí)現(xiàn)打印功能,需要一個瀏覽器控件WebBrowser。WebBrowser是IE內(nèi)置的瀏覽器控件,無需用戶下載,只需要在頁面簡單的設(shè)置,就可以Dom方法獲取到該對象.

            WebBrowser 控件為 WebBrowser ActiveX 控件提供了托管包裝。托管包裝使您可以在 Windows 窗體客戶端應(yīng)用程序中顯示網(wǎng)頁。使用 WebBrowser 控件,可以復(fù)制應(yīng)用程序中的 Internet Explorer Web 瀏覽功能,還可以禁用默認(rèn)的 Internet Explorer 功能,并將該控件用作簡單的 HTML 文檔查看器。此外,可以使用該控件將基于 DHTML 的用戶界面元素添加到窗體中,還可以隱瞞這些元素在 WebBrowser 控件中承載的事實(shí)。通過這種方法,可以將 Web 控件和 Windows 窗體控件無縫地整合到一個應(yīng)用程序中。

            WebBrowser 控件包含多種可以用來實(shí)現(xiàn) Internet Explorer 中的控件的屬性、方法和事件。例如,可以使用 Navigate 方法實(shí)現(xiàn)地址欄,使用 GoBack、GoForward、Stop 和 Refresh 方法實(shí)現(xiàn)工具欄中的導(dǎo)航按鈕。可以處理 Navigated 事件,以便使用 Url 屬性的值更新地址欄,使用 DocumentTitle 屬性的值更新標(biāo)題欄。

            用WebBrowser實(shí)現(xiàn)打印方法如下:

            1.引入一個WebBrowser:

            <object id=”WebBrowser” classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=”0″ width=”0″>

            </object>

            2. 隱藏不打印的頁面元素和分頁

            CSS 有個Media 屬性,可以分開設(shè)置打印和顯示的格式。

            如 <style media=”print” type=”text/css”> …</style> 中間的格式將只在打印時起作用,不會影響顯示界面。

            所以可以設(shè)定

            <style media=”print” type=”text/css”>

            .Noprint{display:none;}

            .PageNext{page-break-after: always;}

            </style>

            然后給不想打印的頁面元素添加: ,那就不會出現(xiàn)在打印和打印預(yù)覽中了。 想分頁的地方添加: <div></div> 就可以了。

            3. 頁面設(shè)置和打印預(yù)覽

            常用的:

            WebBrowser.ExecWB(1,1) 打開

            WebBrowser.ExecWB(2,1) 關(guān)閉現(xiàn)在所有的IE窗口,并打開一個新窗口

            WebBrowser.ExecWB(4,1) 保存網(wǎng)頁

            WebBrowser.ExecWB(6,1) 打印

            WebBrowser.ExecWB(7,1) 打印預(yù)覽

            WebBrowser.ExecWB(8,1) 打印頁面設(shè)置

            WebBrowser.ExecWB(10,1) 查看頁面屬性

            WebBrowser.ExecWB(15,1) 撤銷

            WebBrowser.ExecWB(17,1) 全選

            WebBrowser.ExecWB(22,1) 刷新

            WebBrowser.ExecWB(45,1) 關(guān)閉窗體無提示

            在ExtJs中實(shí)現(xiàn)打印

            簡單來說就是將要打印的innerHtml內(nèi)賦值給window.document.body.innerHTM,然后調(diào)用window.focus():

            function doPrint(){

            var printArea=…….;//這個是取得要打印的那個組件

            window.document.body.innerHTML=printArea.innerHTML;

            window.focus();

            WebBrowser.ExecWB(6,6);

            }

            window.print()

            上面ExtJs打印代碼用到了window.print() ,實(shí)際上,window.print() 是瀏覽器打印功能菜單的一種程序調(diào)用。

            與點(diǎn)擊打印功能菜單一樣,不能精確分頁,不能設(shè)置紙型,套打的問題更加無從談起,只不 過,可以讓用戶不用去點(diǎn)菜單,直接點(diǎn)擊網(wǎng)頁中的一個按鈕,或一個鏈接里面調(diào)用罷了。事實(shí)上,很多用戶都是采用這種方式打印,但 是這種方式最致命的缺點(diǎn)是不能設(shè)置打印參數(shù),比如紙型,頁邊距,選擇打印機(jī)等等。

            需要指出的是這種方法提供一個打印前和打印后的事件onbeforeprint、onafterprint。可以在打印前的時候重新編輯一些格式,專門送 去打印,打印后又處理回來。

            分享一個國內(nèi)打印工具 JatoolsPrinter:官方網(wǎng)站

            jatoolsPrinter (杰表.打印控件)是一款實(shí)現(xiàn)網(wǎng)頁套打的專用工具。作為web應(yīng)用開發(fā)者,我們經(jīng)常會遇到在瀏覽器中打印報表、票據(jù)的需求,這些需求瀏覽器本身的打印功能 一般不能滿足, 如精確分頁,套打等。這就需要有一種能解決常見的瀏覽器端打印問題的軟件工具,這也是 jatoolsPrinter 的研發(fā)背景。

            jatoolsPrinter 的特點(diǎn)是可以直接對web頁面進(jìn)行精確的分頁打印。jatoolsPrinter 通過在網(wǎng)頁中嵌入控件,解決了web客戶端精確打印,批量打印,打印配置自動保留等問題。

            Related posts:

            JavaScript判斷瀏覽器類型及版本

            獲取XMLHttpRequest的步驟

            JavaScript中的閉包

            javascript 彈出子窗口


          評論

          # re: JavaScript實(shí)現(xiàn)Web打印  回復(fù)  更多評論   

          2010-04-27 18:48 by bywqcnll
          jatoolsPrinter功能超強(qiáng),價錢超貴.

          只有注冊用戶登錄后才能發(fā)表評論。


          網(wǎng)站導(dǎo)航:
           
          主站蜘蛛池模板: 巩义市| 南陵县| 抚顺县| 扎囊县| 太康县| 蕲春县| 噶尔县| 罗山县| 康定县| 聂荣县| 南郑县| 盐津县| 仁怀市| 黄龙县| 台南市| 临汾市| 天门市| 监利县| 兴山县| 邓州市| 靖安县| 青河县| 体育| 衡阳县| 黄浦区| 定西市| 镇安县| 福安市| 霸州市| 鹤山市| 满洲里市| 西藏| 阳江市| 应用必备| 蕉岭县| 同德县| 延边| 深水埗区| 义乌市| 建始县| 东乡县|