`
xiasheng
  • 浏览: 70855 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Web页面打印

阅读更多

1. 实现打印功能
1) ExecWB()
通过脚本程序来调用IE菜单下面的打印命令。实现的代码如下:
<script language="javascript">

  function printsetup(){ // 打印页面设置

  wb.execwb(8,1);

  }

  function printpreview(){ // 打印页面预览

  wb.execwb(7,1);

  }

  function printit() { //打印

   if (confirm('确定打印吗?')) {

   wb.execwb(6,1)

   }

  }

</script>

<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=wb width=0></OBJECT>

<input type=button name=button_print value="打印" onclick="javascript:printit()">

<input type=button name=button_setup value="页面设置" onclick="javascript:printsetup();">

<input type=button name=button_show value="打印预览" onclick="javascript:printpreview();">

<input type=button name=button_fh value="关闭" onclick="javascript:window.close();">

这个Object 其实就是 IEWebBrowser 设定 Width 和 Height 以后,我们在界面上就看不到控件的形状了,然后,我们就可以使用 这个object 实现我们选纸和预览的功能了。

关于这个组件还有其他的用法,列举如下:

l wb.ExecWB(1,1) 打开

l wb.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口

l wb.ExecWB(4,1) 保存网页

l wb.ExecWB(6,1) 打印

l wb.ExecWB(7,1) 打印预览

l wb.ExecWB(8,1) 打印页面设置

l wb.ExecWB(10,1) 查看页面属性

l wb.ExecWB(15,1) 好像是撤销,有待确认

l wb.ExecWB(17,1) 全选

l wb.ExecWB(22,1) 刷新

l wb.ExecWB(45,1) 关闭窗体无提示

2) document.execCommand()
<a href="#" onclick=document.execCommand("print")>打印</a>

3) window.print()
使用:javascript:window.Print()

Prints the contents of the window.

方法源
Window

实现版本
Navigator 4.0



语法:print()

参数:无

2. 实现套打功能:使用css
要实现去掉触发打印命令的本身按钮,只需要添加以下代码:

<STYLE MEDIA="print">

#btn1 {display: none}

#btn2 {display: none}

#btn3 {display: none}

#btn4 {display: none}

</STYLE>

然后在以上四个按钮中加上id,分别为:btn1、btn2、btn3、btn4。

<input type=button name=button_print value="打印" onclick="javascript:print()" id="btn1">

<input type=button name=button_setup value="页面设置" onclick="javascript:printsetup();" id="btn2">

<input type=button name=button_show value="打印预览" onclick="javascript:printpreview();" id="btn3">

<input type=button name=button_fh value="关闭" onclick="javascript:window.close();" id="btn4">


3. 去掉页眉页脚:使用JavaScript
<script language="JavaScript">

var hkey_root,hkey_path,hkey_key

hkey_root="HKEY_CURRENT_USER"

hkey_path=\\Software\\Microsoft\\Internet Explorer\\PageSetup\\

//设置网页打印的页眉页脚为空

function pagesetup_null(){

try{

var RegWsh = new ActiveXObject("WScript.Shell")

hkey_key="header"

RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")

hkey_key="footer"

RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")

}catch(e){}

}

//设置网页打印的页眉页脚为默认值

function pagesetup_default(){

try{

var RegWsh = new ActiveXObject("WScript.Shell")

hkey_key="header"

RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P")

hkey_key="footer"

RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d")

}catch(e){}

}

<Script>

4. 分页问题:使用css
<style type="text/css">

div.pageEnd {page-break-before:always}

</style>

然后在需要强制分页的地方用:

<div class="pageEnd">

待定页的内容

</div>

如果使用的是page-break-before,那么div的内容在后一页,

如果使用的是page-break-after,那么div的内容在前一页

page-break-after:检索或设置对象后出现的页分割符

语法: page-break-after : auto | always | avoid | left | right | null

参数:

l auto :  假如需要在对象之后插入页分割符

l always :  始终在对象之后插入页分割符

l avoid :  避免在对象后面插入页分割符

l left :  在对象后面插入页分割符直到它到达一个空白的左页边

l right :  在对象后面插入页分割符直到它到达一个空白的右页边

l null :  空值。IE5用来取消页分割符设置

示例: p { page-break-after: always;}

page-break-before:检索或设置对象前出现的页分割符

语法: page-break-before : auto | always | avoid | left | right | null

参数:

l auto :  假如需要在对象之前插入页分割符

l always :  始终在对象之前插入页分割符

l avoid :  避免在对象前面插入页分割符

l left :  在对象前面插入页分割符直到它到达一个空白的左页边

l right :  在对象前面插入页分割符直到它到达一个空白的右页边

l null :  空值。IE5用来取消页分割符设置

示例: p { page-break-after: always;}

5. 不弹出打印对话框:设置ExecWB的参数
<object ID="WebBrowser1" WIDTH="0" HEIGHT="0" CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">

</object>

<script language="javascript">

function print(){

WebBrowser1.ExecWB(6,1);

}

</script>

然后在页面里加一个按扭:

<input type=button name=print value="print" onclick="print()">

这样做,在按下按扭时会弹出窗口提示,如果不要提示,将第二个参数1改为6。

6、打印分页问题(css中的pagebreak可以控制)

pagebreak:在打印的时候强迫在样式控制的对象前后换页。

before:设置对象前出现的页分割符。设置为always时,始终在对象之前插入页分割符。相对应的css属性是”page-break-before”。

after:设置对象后出现的页分割符。设置为always时,始终在对象之后插入页分割符。相对应的css属性是”>。

用page-break-after
page-break-after版本:css2 兼容性:ie4+ 继承性:无
语法:
page-break-after : auto | always | avoid | left | right | null
取值:
auto :   假如需要在对象之后插入页分割符
always :   始终在对象之后插入页分割符
avoid :   未支持。避免在对象后面插入页分割符
left :   未支持。在对象后面插入页分割符直到它到达一个空白的左页边
right :   未支持。在对象后面插入页分割符直到它到达一个空白的右页边
null :   空白字符串。取消页分割符设置

说明:
检索或设置对象后出现的页分割符。
此属性在打印文档时发生作用。此属性不作用于 br 或 hr 对象。
假如在浏览器已显示的对象上此属性和 page-break-before 属性的值之间发生冲突,则导致最大数目分页的值被使用。
页分隔符不允许出现在定位对象内部。
在ie6及之前版本浏览器中, left 和 right 值的作用结果等同于 always 。
此属性对于 currentstyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 pagebreakafter 。
示例:
p { page-break-after: always;}

分享到:
评论

相关推荐

    WEB页面打印excel报表

    本文将详细介绍如何在WEB页面上实现Excel报表的打印,通过一个简单的示例来帮助开发者理解和应用这一技术。 首先,我们需要理解Web打印的基本原理。在Web环境中,打印功能通常通过浏览器的打印API或者JavaScript库...

    JasperReports -- 客户端打印(WEB网页打印)

    5. **客户端交互**:当用户访问Web页面时,浏览器加载Applet,然后Applet接收到服务器传递的`JRPrintStream`数据,通过`JasperPrintManager`来打印。 6. **安全性和权限**:由于Applet需要访问用户的本地打印机,...

    实现web网页的打印功能

    在Web开发中,实现网页打印功能是常见的需求,特别是在企业级应用中,用户可能需要将网页内容导出或打印为纸质文档。本篇文章将详细探讨如何在C#和.NET平台上实现这一功能,尤其是如何允许用户选择打印特定的区域。 ...

    c# asp.net webform web页面打印,可以控制需要打印和不需要打印的位置

    标题 "c# asp.net webform web页面打印,可以控制需要打印和不需要打印的位置" 提供了一个关于在ASP.NET Web Forms环境中实现特定打印功能的知识点。这个功能允许开发者精细控制网页上哪些部分应该被打印,而哪些部分...

    ScriptX web页面打印工具

    可以设置 横向 纵向 页眉 页脚 打印 web页面 打印工具

    WEB页面打印

    在IT行业中,网页打印是一个非常重要的功能,尤其对于企业级WEB项目来说,它涉及到数据的输出、报告的生成以及日常工作的记录。"WEB页面打印"是实现这些需求的关键技术,让我们来深入探讨一下这个主题。 首先,我们...

    转贴:随心所欲的Web页面打印技术

    随心所欲的Web页面打印技术是针对基于B/S架构的应用程序中客户端页面打印问题的一种解决方案。传统的Web页面打印方式,如使用IE的内置打印功能或水晶报表,往往无法满足特定的排版和定位需求。因此,本文探讨了一种...

    web页面的标签打印(套打)

    3. **Print API**:浏览器提供的Print API是实现网页打印的基础。通过调用`window.print()`函数,可以启动浏览器的打印对话框,让用户选择打印机和打印设置。同时,可以使用CSS媒体查询(`@media print`)定制打印样式...

    一个完全免费的WEB打印插件控件,支持:C#/vb.net/asp/PHP/JSP,也有实例

    在IT行业中,Web打印是一个重要的需求,特别是在企业环境中,用户可能需要从网页上直接打印文档或报告。"一个完全免费的WEB打印插件控件,支持:C#/vb.net/asp/PHP/JSP,也有实例" 提供了一个解决方案,允许开发者在...

    一个自定义的WEB打印控件

    一个自定义的WEB打印控件,免费的 &lt;OBJECT ID="DLPrinter" CLASSID="CLSID:5C230622-45E5-4e3c-893C-3BFDDC4DB5E4" height="0" width="0" codebase="DLPrinter.cab" &gt;&lt;/OBJECT&gt; DLPrinter.MarginLeft=0; ...

    web页面批量打印

    在Web页面中,这通常通过调用浏览器的打印预览功能实现。例如,可以使用JavaScript的`window.print()`方法来打开打印对话框,展示即将被打印的页面效果。 三、分页处理 分页是批量打印中的关键部分,尤其是当每个...

    Web系统页面打印技术实现与分析V1.0.pdf

    #### 一、Web页面打印概述 随着信息技术的发展,越来越多的应用被设计成Web形式,这是因为Web应用具有易于部署、维护简单等优势。然而,在Web环境中实现高质量的打印功能仍然是一个挑战。由于浏览器本身的限制,...

    web页面打印,导出word/excel打印

    网页打印、Word/Excel 打印技巧 在本文中,我们将详细介绍如何实现网页打印、Word 打印和 Excel 打印,并解决红叉问题、批量打印和不规则打印等问题。 网页打印 网页打印是指将网页上的某个区域打印出来。我们...

    ASP实现web分页打印及web页面导出Excel文件.pdf

    在ASP(Active Server Pages)开发中,有两个常见的需求:web分页打印和将web页面内容导出为Excel文件。这两个功能对于提供用户友好的交互体验至关重要,特别是在处理大量数据时。 首先,我们来讨论如何将web页数据...

    web 票据打印 ie web 票据打印

    用户在Web页面上触发打印操作后,服务器会将票据数据转换成适合打印的格式,如HTML、PDF或图片,然后通过HTTP响应返回给客户端。客户端接收到数据后,利用浏览器的打印功能将其呈现到打印机上。 二、IE Web票据打印...

    js打印WEB页面与打印预览

    JS打印WEB页面与打印预览 JS打印WEB页面与打印预览是指在WEB页面中使用JavaScript语言来实现页面的打印和预览功能。以下是实现这个功能的三种方法: 第一种方法:使用CSS隐藏不打印内容 在这个方法中,我们可以...

    C#实现简单的Web打印控件

    Web打印控件对于Web应用程序来说是至关重要的,它允许用户在浏览器环境中直接打印网页内容,而无需通过复制粘贴到其他应用程序中。传统的Web打印常依赖于ActiveX控件,但随着浏览器安全性的提升,这种技术逐渐被替代...

    非常好用的web打印插件 , 可以热敏打印

    在IT行业中,Web打印插件是一种非常实用的工具,它允许用户通过网页浏览器直接进行打印操作,无需离开当前页面或下载文件到本地。本篇将详细介绍一个被评价为“非常好用”的Web打印插件,特别适合热敏打印,并提供...

    js打印Web页面

    ### js打印Web页面知识点详解 #### 一、概述 JavaScript 提供了多种方式来实现 Web 页面的打印功能。本文档将详细介绍三种常见的方法,并提供具体的实现步骤与代码示例。 #### 二、指定不打印区域 这种方法适用于...

Global site tag (gtag.js) - Google Analytics