javascript打印,打印预览与打印设置教程

发布时间:2020-10-17编辑:脚本学堂
有关javascript实现打印、打印预览与打印设置的方法,使用IE内置浏览器控件WebBrowser实现打印预览与打印设置等操作,需要的朋友参考下。

webbrowser是ie内置的浏览器控件,无需用户下载。

一、webbrowser控件
 

<object ID='WebBrowser' WIDTH=0 HEIGHT=0 CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object>

二、webbrowder控件的方法 //打印
 

WebBrowser1.ExecWB(6,1);
//打印设置
WebBrowser1.ExecWB(8,1);
//打印预览
WebBrowser1.ExecWB(7,1);

这个组件的其他用法,如下:
WebBrowser.ExecWB(1,1) 打开 Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口 Web.ExecWB(4,1)
保存网页 Web.ExecWB(6,1) 打印 Web.ExecWB(7,1) 打印预览 Web.ExecWB(8,1)
打印页面设置 Web.ExecWB(10,1)
查看页面属性 Web.ExecWB(15,1)
好像是撤销,有待确认 Web.ExecWB(17,1)
全选 Web.ExecWB(22,1) 刷新 Web.ExecWB(45,1)
关闭窗体无提示 但是打印是会把整个页面都打印出来的,页面中有什么东西就打印出来,有时只需要打印数据表格。

需要写成一个样式:
把不想打印的部份隐藏起来:
样式内容:
 

<style type="text/css" media=print> .noprint{display : none }</style>

然后,使用样式:
 

<p class="noprint">不需要打印的地方</p>

代码:
 

复制代码 代码示例:

<script language="javascript">
function printsetup(){
   // 打印页面设置
   wb.execwb(8,1);
}

function printpreview(){
// 打印页面预览
wb.execwb(7,1);
}
function printit() { if (confirm('确定打印吗?')) { wb.execwb(6,6) } } </script>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT> <input type=button name=button_print value="打印" class="noprint" onclick="javascript:printit()"> <input type=button name=button_setup value="打印页面设置" class="noprint" onclick="javascript:printsetup();"> <input type=button name=button_show value="打印预览" class="noprint" onclick="javascript:printpreview();">