HTML中利用WebBrowser控件进行打印页面的控制

简介: 我们知道,web中打印并不容易。 但是利用IE浏览器自带的 Web Browser控件,我们可以轻松地做到控制打印页面设置,包括横向,纵向排列,打印预览等。 调用该控件很简单,只需要在html代码中加入如下语句即可:   下面我们给出具体代码:     Use WebBrowser For Print                .

我们知道,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 >
img_405b18b4b6584ae338e0f6ecaf736533.gifimg_1c53668bcee393edac0d7b3b3daff1ae.gif    
< style  type ="text/css" >
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            .printArea p 
{}{
                margin
: 0 0;
                padding
: 0px 0px 0px 0px;
            
}

img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            .printArea pre 
{}{
                margin
: 0 0;
                padding
: 0px 0px 0px 0px;
            
}

            
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            .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; width: 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 >

 

目录
相关文章
HTML+CSS 实现通用的企业官网页面(记得收藏)
HTML+CSS 实现通用的企业官网页面(记得收藏)
|
20天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
43 7
|
1月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
58 11
|
18天前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
42 0
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
50 2
|
26天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
35 0
|
2月前
|
移动开发 前端开发 JavaScript
【HTML】HTML页面和常见标签
【HTML】HTML页面和常见标签
41 1
|
3月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
52 6
|
2月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
74 0
|
2月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天