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>

     

  • 相关阅读:
    SpringBoot学习笔记(14)----应用监控-HTTP方式
    SpringBoot学习笔记(13)----使用Spring Session+redis实现一个简单的集群
    SpringBoot学习笔记(12)----SpringBoot实现多个 账号轮询发送邮件
    SpringBoot学习笔记(11)-----SpringBoot中使用rabbitmq,activemq消息队列和rest服务的调用
    SpringBoot学习笔记(8)-----SpringBoot文件上传
    SpringBoot学习笔记(7)-----CORS支持解决跨域问题
    设计模式:迭代器模式(Iterator)
    设计模式:适配器模式(Adapter)
    设计模式:状态模式(State)
    设计模式:抽象工厂模式(Abstract Factory)
  • 原文地址:https://www.cnblogs.com/davidgu/p/1523358.html
Copyright © 2011-2022 走看看