zoukankan      html  css  js  c++  java
  • HTML中利用WebBrowser控件进行打印页面的控制

    我们知道,web中打印并不容易。

    但是利用IE浏览器自带的 Web Browser控件,我们可以轻松地做到控制打印页面设置,包括横向,纵向排列,打印预览等。

    调用该控件很简单,只需要在html代码中加入如下语句即可:

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

     

    下面我们给出具体代码:

    <html>
    <head>
        
    <title>Use WebBrowser For Print</title>
        
    <style type="text/css">
                .printArea p 
    {
                    margin
    : 0 0;
                    padding
    : 0px 0px 0px 0px;
                
    }

                .printArea pre 
    {
                    margin
    : 0 0;
                    padding
    : 0px 0px 0px 0px;
                
    }

                
                .printButton 
    {
                    border-left-color
    : #3300ff; 
                    border-bottom-color
    : #3300ff; 
                    border-top-style
    : inset; 
                    border-top-color
    : #3300ff; 
                    border-right-style
    : inset; 
                    border-left-style
    : inset; 
                    border-right-color
    : #3300ff; 
                    border-bottom-style
    : inset
                
    }

            
    </style>
    </head>
    <body style="text-align: center">
        
    <form id="form1">
    <object id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
    </object> 

    <div class="printArea">
                 
    <table>
      
    <tr>
          
    <td style="font-size: 10pt;  500px; text-indent: 8pt; text-align: center; height: 400px;">
            
    <pre>
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
    这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 
            
    </pre>
            
    <p>这也是要打印的内容!</p>
            
    <p>这也是要打印的内容!</p>
            
    <p>这也是要打印的内容!</p>
            
    <p>这也是要打印的内容!</p>
           
    </td>
      
    </tr>
      
    <tr>
          
    <td style="text-align: center;">
            
            
    <input id="btnPrint" class="printButton" onclick="document.all.WebBrowser.ExecWB(6,1);" type="button" value="Print"> 
            
    <input id="btnPrintSetup" class="printButton" onclick="document.all.WebBrowser.ExecWB(8,1);" type="button" value="Page Setup" >
            
    <input id="btnPrintPreview" class="printButton" onclick="document.all.WebBrowser.ExecWB(7,1);" type="button" value="Print Preview">
            
          
    </td>
      
    </tr>
    </table>

    </div>

    </form>

    </body>
    </html>

     

  • 相关阅读:
    PHP 使用 GET 传递数组变量
    Java实现 蓝桥杯 算法训练 数据交换
    Java实现 蓝桥杯 算法训练 数据交换
    Java实现 蓝桥杯 算法训练 数据交换
    Java实现 蓝桥杯 算法训练 景点游览
    Java实现 蓝桥杯 算法训练 景点游览
    Java实现 蓝桥杯 算法训练 景点游览
    Java实现 蓝桥杯 算法训练 二进制数数
    Java实现 蓝桥杯 算法训练 二进制数数
    Java实现 蓝桥杯 算法训练 二进制数数
  • 原文地址:https://www.cnblogs.com/davidgu/p/1523358.html
Copyright © 2011-2022 走看看