JavaScript实现Web打印.pdf

JavaScript实现Web打印

在Web中想用JavaScript实现打印功能，需要一个浏览器控件WebBrowser。WebBrowser
是IE内置的浏览器控件，无需用户下载，只需要在页面简单的设置，就可以Dom方法获取到
该对象。

WebBrowser控件为WebBrowserActiveX控件提供了托管包装。托管包装使您可以在
Windows窗体客户端应用程序中显示网页。使用WebBrowser控件，可以复制应用程序中的
InternetExplorerWeb浏览功能，还可以禁用默认的InternetExplorer功能，并将该
控件用作简单的HTML文档查看器。此外，可以使用该控件将基于DHTML的用户界面元素
添加到窗体中，还可以隐瞒这些元素在WebBrowser控件中承载的事实。通过这种方法，可
以将Web控件和Windows窗体控件无缝地整合到一个应用程序中。

WebBrowser控件包含多种可以用来实现InternetExplorer中的控件的属性、方法和
事件。例如，可以使用Navigate方法实现地址栏，使用GoBack、GoForward、Stop和
Refresh方法实现工具栏中的导航按钮。可以处理Navigated事件，以便使用Url属性的
值更新地址栏，使用DocumentTitle属性的值更新标题栏。

用WebBrowser实现打印方法如下：

1.引入一个WebBrowser：

2.隐藏不打印的页面元素和分页

CSS有个Media属性，可以分开设置打印和显示的格式。

如中间的格式将只在打印时起作用，不会影响显示界面。

所以可以设定

.Noprint{display:none;}

.PageNext{page-break-after:always;}

然后给不想打印的页面元素添加：，那就不会出现在打印和打印预览中了。想分页的
地方添加：

就可以了。

3.页面设置和打印预览

常用的：
WebBrowser.ExecWB（1,1）打开

WebBrowser.ExecWB（2,1）关闭现在所有的IE窗口，并打开一个新窗口

WebBrowser.ExecWB（4,1）保存网页

WebBrowser.ExecWB（6,1）打印

WebBrowser.ExecWB（7,1）打印预览

WebBrowser.ExecWB（8,1）打印页面设置

WebBrowser.ExecWB（10,1）查看页面属性

WebBrowser.ExecWB（15,1）撤销

WebBrowser.ExecWB（17,1）全选

WebBrowser.ExecWB（22,1）刷新

WebBrowser.ExecWB（45,1）关闭窗体无提示

在ExtJs中实现打印

简单来说就是将要打印的innerHtml内赋值给window.document.body.innerHTM，然后调
用window.focus（）：

functiondoPrint（）{

varprintArea=……；//这个是取得要打印的那个组件

window.document.body.innerHTML=printArea.innerHTML;

window.focus（）；

WebBrowser.ExecWB（6,6）；

}

window.print（）

上面ExtJs打印代码用到了window.print（），实际上，window.print（）是浏览器
打印功能菜单的一种程序调用。
与点击打印功能菜单一样，不能精确分页，不能设置纸型，套打的问题更加无从谈起，
只不过，可以让用户不用去点菜单，直接点击网页中的一个按钮，或一个链接里面调用罢
了。事实上，很多用户都是采用这种方式打印，但是这种方式最致命的缺点是不能设置打
印参数，比如纸型，页边距，选择打印机等等。

需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint、onafterprint。
可以在打印前的时候重新编辑一些格式，专门送去打印，打印后又处理回来。

分享一个国内打印工具JatoolsPrinter：官方网站

jatoolsPrinter（杰表。打印控件）是一款实现网页套打的专用工具。作为web应用开
发者，我们经常会遇到在浏览器中打印报表、票据的需求，这些需求浏览器本身的打印功能
一般不能满足，如精确分页，套打等。这就需要有一种能解决常见的浏览器端打印问题的
软件工具，这也是jatoolsPrinter的研发背景。

jatoolsPrinter的特点是可以直接对web页面进行精确的分页打印。jatoolsPrinter
通过在网页中嵌入控件，解决了web客户端精确打印，批量打印，打印配置自动保留等