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>

     

  • 相关阅读:
    毕设2020.02.02
    架构师眼中的高并发架构
    云时代架构读后感二
    以《淘宝网》为例,描述质量属性六个常见场景
    《架构漫谈》读后感
    云时代架构读后感一
    暑假周总结报告08
    暑假周总结报告07
    暑假周总结报告06
    假期周总结报告05
  • 原文地址:https://www.cnblogs.com/davidgu/p/1523358.html
Copyright © 2011-2022 走看看