Web的打印方案：WebBrowser（WScript.Shell）、ScriptX(即smsx.cab)

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