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 >

 

目录
相关文章
|
11月前
超好看的404提示页面HTML源码
超好看的404提示页面HTML源码
576 77
|
8月前
简约404错误页面HTML源码
简约404错误页面HTML源码
309 12
|
11月前
|
人工智能 程序员 UED
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
490 21
【01】完成新年倒计时页面-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
10月前
|
前端开发
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
278 1
【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
|
11月前
|
前端开发 JavaScript
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
304 14
【02】v1.0.1更新增加倒计时完成后的放烟花页面-优化播放器-优化结构目录-蛇年新年快乐倒计时领取礼物放烟花html代码优雅草科技央千澈写采用html5+div+CSS+JavaScript-优雅草卓伊凡-做一条关于新年的代码分享给你们-为了C站的分拼一下子
|
11月前
css3 svg制作404页面动画效果HTML源码
css3 svg制作404页面动画效果HTML源码
213 34
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
468 7
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
1117 11
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
225 2
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
328 0

热门文章

最新文章