`
zhy584520
  • 浏览: 183558 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

利用document.all.WebBrowser.ExecWB做打印功能,并使用css样式@media print控制打印区域

CSS 
阅读更多

         最近客户要求做一个打印功能,本想在直接用window.print();直接打印出来,感觉不是很满意。于是发现利用active控件打印还是不错。现将源码附上,以供以后项目参考。相信大家一家源码就明白了,相当简单,我在这里就不多废话了。

         css控制打印区域代码如下所示:

<style>  
@media print {
.noprint { 
display: none 
}
}
</style> 
 
这里是打需要打印的内容.<span class="noprint">我只显示不打印哦,很神奇吧。哈哈</span>
<div class="noprint" >
<table style="margin:0 auto;width:500px;">
	<tr align="center" ><td>
	  <object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0"
                    width="0">
      </object>
  <input type="button" value="打印" onclick="document.all.WebBrowser.ExecWB(6,1)">
  <input type="button" value="页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)">
<input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">
  <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)">
	</td></tr>
</table></div>
 
分享到:
评论
3 楼 wenjie4892543 2014-01-24  
写的好。。。
2 楼 zhy584520 2011-12-21  
有横向打印
sxm2017 写道
不错,就是没有横向打印

可以打开设置让客户选,这样比较人性化点。
1 楼 sxm2017 2011-12-19  
不错,就是没有横向打印

相关推荐

    jsp页面如何实现web打印

    document.all.WebBrowser.ExecWB(6,6) 直接打印 document.all.WebBrowser.ExecWB(8,1) 页面设置 document.all.WebBrowser.ExecWB(7,1) 打印预览 3 隐藏不打印的页面元素和分页 CSS 有个Media 属性,可以分开...

    总结javescript打印

    以下是一些利用此组件实现的打印控制按钮示例: ```html &lt;OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0&gt; &lt;input name=Button onClick=document.all.WebBrowser....

    利用WebBrowser彻底解决Web打印问题(包括后台打印)

    利用CSS的`Media`属性,可以为打印样式单独定义规则。在`&lt;style media="print"&gt;`中设置的样式只在打印时生效。比如,要隐藏类名为`Noprint`的元素,可以在打印样式表中写入: ```css &lt;style media="print" type=...

    jsp打印功能,经典

    jsp打印功能经典 jsp打印功能是一种常用的Web开发技术,通过将打印功能集成到jsp页面中,...jsp打印功能可以通过多种方式来实现,包括使用WebBrowser控件、ExecWB方法、CSS的Media属性、IFrame和printFrame函数等。

    通过调用IE内部组件实现PHP打印

    为了优化打印效果,我们还可以使用CSS媒体查询(Media Queries)来控制打印时的样式。例如,我们可以创建一个`Noprint`类,用于隐藏不希望出现在打印版本中的元素: ```css &lt;style media=print&gt; .Noprint { display...

    js调用ie打印和预览功能

    3. **样式控制**:为了在打印时隐藏某些内容,可以使用CSS的`media`属性来指定特定样式只在打印时生效。例如,上面的代码中使用了`.Noprint`类来隐藏不需要打印的元素。 4. **JavaScript与DOM操作**:在实际项目中...

    .NET web打印

    .NET Web打印技术主要涉及到网页中的打印功能实现,它利用了Internet Explorer浏览器的ActiveX控件来完成。在本文中,我们将深入探讨如何实现这一功能,以及需要注意的关键点。 首先,要实现Web打印,我们需要在...

    Jsp页面中实现打印打印预览及打印设置

    打印" onclick="document.all.WebBrowser.ExecWB(6,1)" class="NOPRINT"&gt; 直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)" class="NOPRINT"&gt; 页面设置" onclick="document.all.WebBrowser.ExecWB(8,1)" ...

    包装印刷js调用包装打印机知识管理.docx

    - **CSS控制打印内容**:可以通过CSS的媒体查询`@media print`来控制哪些元素在打印时显示或隐藏。例如: ```css @media print { .a { display: block; } .b { display: hidden; } } ``` 其中`.b`类会被隐藏...

    JavaScript_打印方法_基于浏览器_详细代码示例

    然而,如果只希望打印页面的部分内容,可以利用CSS媒体查询中的`print`规则来隐藏不希望打印的内容。例如: ```html &lt;style type="text/css" media="print"&gt; .noprint { display: none; } 这部分内容不会被打印。...

    jsp 浏览器中直接打印的方法

    为了进一步优化打印效果,可以使用CSS媒体查询来控制打印样式。例如,可以定义一个类,如`.noprint`,并设置其`display`属性为`none`,这样就可以隐藏不想打印的内容了: ```html &lt;style type="text/css" media=...

    关于ASP.NET页面打印技术的常用方法总结

    使用`window.print()`或WebBrowser控件的`ExecWB`方法直接进行打印,操作简单,用户无需额外设置。但缺点是打印控制有限,不能很好地排除页面上不需要打印的元素,页头页尾的格式控制也较困难。 在实际应用中,...

    web 页面分页打印的实现

    document.all.WebBrowser.ExecWB(6,6) // 直接打印 document.all.WebBrowser.ExecWB(8,1) // 页面设置 document.all.WebBrowser.ExecWB(7,1) // 打印预览 或 execScript("document.all.WebBrowser.ExecWB 7, 1",...

    javascript

    例如,使用`@media print`规则来指定打印样式,或者使用`page-break-before`、`page-break-after`等属性来控制分页。 #### 示例代码解读: ```html p { page-break-after: always; } ``` 这段代码使用CSS的`...

    js控制web打印(局部打印)方法整理

    在打印时,我们可以使用媒体查询(Media Queries)来定义只应用于打印的 CSS 样式。例如,添加以下代码可以隐藏具有 `noprint` 类的元素: ```css @media print { .noprint { display: none; color: green; /...

    JS打印组合功能

    总结来说,JavaScript提供了多种方式来控制网页的打印行为,从简单的隐藏不需打印的元素到利用WebBrowser控件进行更复杂的操作,以及实现局部打印功能。这些技术使得开发者可以根据实际需求定制打印功能,提供更好的...

    js使用小技巧

    document.all.csss.href = "a.css"; 并排显示 display:inline 隐藏焦点 hidefocus=true 根据宽度换行 style="word-break:break-all" 自动刷新 ;URL=http://c98.yeah.net"&gt; 简单邮件 &lt;a href="mailto:aaa...

Global site tag (gtag.js) - Google Analytics