打印系列 —— web页面直接打印

最新推荐文章于 2024-01-15 09:20:31 发布

ilibaba

最新推荐文章于 2024-01-15 09:20:31 发布

阅读量2.3k

点赞数

分类专栏： web打印系列文章标签： web div generator jsp c

本文链接：https://blog.csdn.net/ilibaba/article/details/3740802

版权

web打印系列专栏收录该内容

5 篇文章 0 订阅

订阅专栏

web页面打印：

简单的网页打印可以直接使用window.print()方法实现，但此功能比较弱，涉及比较复杂的打印时，可以 利用JS实现的打印功能，直接调用JS相应的接口，可以很容易的实现打印预览、打印设置等功能。一个完整的JSP代码如下：

 
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
function print(d)
{
  for(i=0;i<3;i++)
  {
    if(i==d) eval("div"+i).style.visibility="visible";
    else eval("div"+i).style.visibility="hidden";
  }
  //跳转到打印预览
  document.all.wb.ExecWB(7,1);
  //重新将所有的内容全部显示
  for(i=0;i<3;i++)
  {
    eval("div"+i).style.visibility="visible";
  }
}

function printView(){
  eval("div0").style.visibility="hidden";
  eval("div1").style.visibility="visible";
  eval("div2").style.visibility="visible";
  document.all.wb.ExecWB(7,1);
  //重新将所有的内容全部显示
  for(i=0;i<3;i++)
  {
    eval("div"+i).style.visibility="visible";
  }
}
</script>
</HEAD>

<BODY>
<div id=div0>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0>
</OBJECT>
<input type=button value=打印预览 οnclick="printView()">
<input type=button value=打印表格1 οnclick=print("1")>
<input type=button value=打印表格2 οnclick=print("2")>
<input name=Button onClick=document.all.wb.ExecWB(1,1) type=button value=打开>
<input name=Button onClick=document.all.wb.ExecWB(2,1) type=button value=关闭所有>
<input name=Button onClick=document.all.wb.ExecWB(4,1) type=button value=另存为>
<input name=Button onClick=document.all.wb.ExecWB(6,1) type=button value=打印>
<input name=Button onClick=document.all.wb.ExecWB(6,6) type=button value=直接打印>
<input name=Button onClick=document.all.wb.ExecWB(7,1) type=button value=打印预览>
<input name=Button onClick=document.all.wb.ExecWB(8,1) type=button value=页面设置>
<input name=Button onClick=document.all.wb.ExecWB(10,1) type=button value=属性>
<input name=Button onClick=document.all.wb.ExecWB(17,1) type=button value=全选>
<input name=Button onClick=document.all.wb.ExecWB(22,1) type=button value=刷新>
<input name=Button onClick=document.all.wb.ExecWB(45,1) type=button value=关闭>
</div>
<div id=div1>
表格一：<br>
<table>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
<tr><td>1111</td><td>1111</td><td>1111</td></tr>
</table>
</div>
<div id=div2>
表格二：<br>
<table>
<tr><td>2222</td><td>2222</td><td>2222</td></tr>
<tr><td>2222</td><td>2222</td><td>2222</td></tr>
<tr><td>2222</td><td>2222</td><td>2222</td></tr>
</table>
</div>
</BODY>
</HTML>
 
  

ilibaba

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
打印系列 —— web页面直接打印

web页面打印：简单的网页打印可以直接使用window.print()方法实现，但此功能比较弱，涉及比较复杂的打印时，可以利用JS实现的打印功能，直接调用JS相应的接口，可以很容易的实现打印预览、打印设置等功能。一个完整的JSP代码如下： "-//W3C//DTD HTML 4.0 Transitional//EN"> New Document "Generator" C
复制链接

扫一扫