JS打印——第三方控件打印


LODOP

官方地址:http://www.lodop.net/

一個很好的打印控件,可以是實現紙張設置、橫打豎打、打印預覽、打印維護多種功能。官網的示例非常詳細、能很好支持多種瀏覽器的打印。

在使用中遇到的唯一的缺點是它可能會更改原有內面的CSS樣式,

特別是引用的外部CSS樣式是無效的,必須要把css樣式文件(<style></style>及其內的內容)添加在需要打印內容的內部。

 

WebBrowser控件

  使用前,首先我們需要在頁面中嵌入WebBrowser控件,不過由於該控件是IE瀏覽器自帶的,支持瀏覽器默認安全設置,可以直接在IE瀏覽器中使用(chrome和firefox測試中不可用),只是有的時候需要添加對ActiveX控件的支持。

設置方法為:進入瀏覽器 Internet選項-》安全-》Internet-》自定義級別-》設置如下兩項:

 

<html>  
   <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中國綠色廚房計划</title>
<script language="javascript">
    function printsetup() {
        //  打印頁面設置
        wb.execwb(8, 1);
    }
    function printpreview() {
        //  打印頁面預覽
        wb.execwb(7, 1);
    }
    function printit() {
        if (confirm('確定打印嗎?')) {
            wb.ExecWB(6, 1)
            //wb.execwb(1,1)//打開
            //wb.ExecWB(2,1);//關閉現在所有的IE窗口,並打開一個新窗口
            //wb.ExecWB(4,1)//;保存網頁
            //wb.ExecWB(6,1)//打印
            //wb.ExecWB(7,1)//打印預覽
            //wb.ExecWB(8,1)//打印頁面設置
            //wb.ExecWB(10,1)//查看頁面屬性
            //wb.ExecWB(15,1)//好像是撤銷,有待確認
            //wb.ExecWB(17,1)//全選
            //wb.ExecWB(22,1)//刷新
            //wb.ExecWB(45,1)//關閉窗體無提示
        }
    }
</script> 
</head>
<body>
<div style="width:640px;height:20px;margin:100px auto 0 auto;font-size:12px;text-align:right;">
        <input value="打印" type="button" onclick="javascript:window.print()" />
        <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="0">
        </OBJECT>
        <input type=button name=button_print style="display:none;" value="打印本單據" onclick="javascript:printit()">
        <input type=button name=button_setup value="打印頁面設置" onclick="javascript:printsetup();">
        <input type=button name=button_show value="打印預覽" onclick="javascript:printpreview();">
        <input type=button name=button_fh value="關閉" onclick="javascript:window.close();">
</div>
<div style="width:640px;height:624px;margin:20px auto;">
  這是需要打印的內容
</div>
</body>
</html>
打印測試頁面

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM