WebBrowser
我们可以方便地通过 Internet Explorer 用户界面更改页边距、页眉和页脚设置和默认 Internet Explorer 打印机,IE也提供了一个叫WebBrowser 控件来供我们调用,通过调用,可以在页面上调出打印的设置窗口,在设置窗口里,用户可以更改页边距、页眉和页脚设置等。
<object classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" id="wb" name="WebBrowser"></object>
<button οnclick="javascript: wb.ExecWB(6, 1)">打印</button>
<button οnclick="javascript: wb.ExecWB(7, 1)">打印预览</button>
<button οnclick="javascript: wb.ExecWB(8, 1)">页面设置</button>
<button οnclick="javascript: wb.ExecWB(6, 6)">直接打印</button>
上例中的OBJECT就是IE提供的打印控件,叫WebBrowser,我们在网页中可以用我们设置的id或name来引用它。
这个对象有很用法,其中涉及到打印的有下面三项。
wb.ExecWB(6,1) 打印
wb.ExecWB(7,1) 打印预览
wb.ExecWB(8,1) 打印页面设置
点击“打印”按钮,即可弹出和window.print()函数一样的窗口。 点击打印预览,即可预览当前页面。
点击“页面设置”,即可弹出页面设置窗口,在设置窗口里,可以对边距,页眉等进行详细设置。
通过以上三个功能,我们就可以进行简单的打印和设置了,对于一般的打印需求来说基本足够。
使用WScript.Shell通过编程方式进行复杂的WEB打印设置
使用WScript.Shell,必须要求客户IE允许 Activex进行交互。如果是你开发的系统是针对于特定的用户群,如一个政府单位,或一个企业,那么建议你要求客户将你的系统加入可信任站点。
页边距,页眉,页脚是存储在注册表里的。因此,接下来,我们主要是针对注册表进行可编程设置。
<script type="text/javascript">
//定义注册表位置 , 注意要设置ie对插件的支付,需要ie内核的才能使用
var HKEY_Path = "HKEY_CURRENT_USER\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
//name的值可为header(页眉),footer(页脚),margin_bottom(下边距),margin_left(左边距),margin_right(右边距),margin_top(上边距)。
function PageSetup(name,value) {
try {
var Wsh=new ActiveXObject("WScript.Shell");
Wsh.RegWrite(HKEY_Path+name,value);
//alert('OK');
//修改注册表值
}
catch(e){
alert(e);
}
}
//PageSetup('margin_top','0.1');
//PageSetup('margin_left', '0.5');
//PageSetup('margin_bottom', '0.2');
PageSetup('header', '&bAjava.org&b2019-01-01 10:10');
PageSetup('footer', 'AJava.org网站出品&b&w&b第&p页,共&P页');
</script>
上面的代码是本道写的一个简单的函数,它可以对header(页眉),footer(页脚),margin_bottom(下边距),margin_left(左边距),margin_right(右边距),margin_top(上边距)进行设置。
下面主要讲一下页眉页脚的详细值。
通常我们会在页眉加上网页的标题,在页脚加上页面代码,日期等等,我们该如何设置呢?
下面就是可供我们使用的一些项目及值。
键入 要打印
&w 窗口标题
&u 网页地址 (URL)
&d 短日期格式(由“控制面板”中的“区域设置”指定)
&D 长日期格式(由“控制面板”中的“区域设置”指定)
&t 由“控制面板”中的“区域设置”指定的时间格式
&T 24 小时时间格式
&p 当前页号
&P 网页总数
&& 单个 & 号 (&)
&b 紧跟在这些字符之后的文本居中打印。
&b&b 紧跟在第一个 "&b" 之后的文本居中打印,跟在第二个 "&b" 之后的文本按右对齐方式打印。
对于其他的参数都很好理解,这里我只解释一下如何居左,居中,居右。
要想居中,使用“&b”,紧跟在这些字符之后的文本居中打印。例如“&b教程”,那么“教程”就会居中。
要想居右,就在居中的后面再加上“&b”。例如“&b教程&b打印系列”,那么“教程”就会居中,打印系列就会居右。
如果你不想居中,只要居右,“&b&b打印系列”这样就可以了。
第一个“&b”前面的文字都是居左。
通过WScript.Shell的使用,我们已经可以通过编程方式进行打印设置了,应该说,普通的打印需求都可以实现了。但是,在日常的打印里,还有一种特色的需求,那就是分页,对于分页打印,我们该如何实现呢?请看下面.
css里用于打印的属性
page-break-after : auto | always | avoid | left | right | null
参数:
auto : 假如需要在对象之后插入页分割符
always :始终在对象之后插入页分割符
avoid : 避免在对象后面插入页分割符
left : 在对象后面插入页分割符直到它到达一个空白的左页边
right :在对象后面插入页分割符直到它到达一个空白的右页边
null : 空值。IE5用来取消页分割符设置
这个page-break-after,主要用来在打印时插入一个分页符,分页就靠它了。它还有个双胞胎的兄弟,叫page-break-before,参数和它一样,看名字即知道它是用来在对象之前插入分页符。
<style type="text/css">
.toolbar {
border: 1px solid #6A9BFA;
background: #E8F7E8;
}
td {
font-size: 12px;
color: #000000;
}
tbody tr td{
padding-right:20px;
}
</style>
<style media=print>
/*分页符*/
.PageNext{page-break-after: always;}
.Noprint{display:none;}
</style>
我们发现,在我们加入分页符的那行后面,自动被分到第二页了。这个例子还有一个功能,就是每页都有相同的表头和表尾,这是利用display:table-header-group和display:table-footer-group来实现的。
本例分页的效果,主要取决于表格里每行的高度,如果有某行很高,则会导致一些问题。如果每行都是固定高度,那么用这种方法则是最简单方便的。
到现在为止,我们讲述的都是利用IE本身提供的控件在进行打印设置,这种方法有它的局限:不能够以编程的方式进行页面方向的设置,而这有时很重要
使用ScriptX进行复杂的WEB打印设置
ScriptX是一个叫MeadCo的国外公司的产品,它分为基础版(免费)和高级版(收费),基础版可以对 页眉,页脚,页边距,纸张方向进行设置
<script language="javascript">
//isZong:是否纵向打印 isSelectPrinter:是否选择打印机,false直接使用默认打印机打印
function printit(isZong, isSelectPrinter) {
try {
xprint.printing.portrait = isZong;//true为纵向,false为横向
xprint.printing.footer = "1/10页";//页脚
xprint.printing.header = "";//页眉
xprint.printing.leftMargin =0.5;//左
xprint.printing.topMargin = 0.2;//上
xprint.printing.rightMargin = 0.5;//右
xprint.printing.bottomMargin = 0.5;//下
//xprint.printing.PageSetup(); //弹出打印设置窗口
xprint.printing.Preview(); //弹出打印预览窗口
//xprint.printing.Print(isSelectPrinter); //是否弹出打印机选择页面
} catch(e) {
alert('没有设置默认打印机件');
}
}
</script>
<style media=print>
.PageNext{page-break-after: always;}
.Noprint{display:none;}
</style>
<div class="Noprint">
<object id="xprint" style="display:none" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" codebase="smsx.cab#version=7,7,0,20"></object>
<input type="button" value="直接" οnclick="printit(true, false)" />
<input type="button" value="不直接" οnclick="printit(false, true)" />
</div>
factory.printing.Print(true),这里设置成true或false,我没有发现有什么不同的效果。它的原意是直接打印。
factory.printing.Print(true, idFrame),第一个参数同上,第二个参数是目标框架的name。
factory.printing.PageSetup()是调出页面设置窗口。
factory.printing.Preview()是调出页面预览窗口。
其他的代码很简单,不需要解释什么。

示例下载地址
为了方便初学者(自己开始用时,可能是技术太差,发了不少时间),上传简单的例子
链接: https://pan.baidu.com/s/1G9SLOCutshUpoBBDWOxNzA 提取码: 3ykx