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;}