js控制分页打印、打印分页示例

复制代码 代码如下:

  <%@ page language="java" contentType="text/html; charset=UTF-8"

  pageEncoding="UTF-8"%>

  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

  <HTML>

  <HEAD>

  <TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>

  <META http-equiv=Content-Type content="text/html; charset=gb2312" />

  <style media=print>

  .Noprint{display:none;}

  .PageNext{page-break-after: always;}

  </style>

  <SCRIPT language=javascript>

  function printsetup(){

  // 打印页面设置

  wb.execwb(8,1);

  }

  function printpreview(){

  // 打印页面预览  

  wb.execwb(7,1);

  }

  function printit()

  {

  if (confirm('确定打印吗?')) {

  wb.execwb(6,6)

  }

  }

  </SCRIPT>

  </HEAD>

  <BODY>

  <DIV align=center>

  <OBJECT id=wb height=0 width=0

  classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>

  <INPUT onclick=javascript:printit() type=button value=打印 name=button_print />

  <INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />

  <INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />

  </DIV>

  111</br>

  111</br>

  111</br>

  <div class="PageNext"></div>

  222</br>

  222</br>

  222</br>

  <div class="PageNext"></div>

  333</br>

  333</br>

  333</br>

  <div class="PageNext"></div>

  444</br>

  444</br>

  444</br>

  <div class="PageNext"></div>

  555</br>

  555</br>

  555</br>

  </BODY>

  </HTML>

  

复制代码 代码如下:

  <html>

  <title>JS 分页批量打印解决方案(只支持IE)</title>

  <script language="javascript">

  function printWithAlert() {

  document.all.WebBrowser.ExecWB(6,1);

  }

  function printWithoutAlert() {

  document.all.WebBrowser.ExecWB(6,6);

  }

  function printSetup() {

  document.all.WebBrowser.ExecWB(8,1);

  }

  function printPrieview() {

  document.all.WebBrowser.ExecWB(7,1);

  }

  function printImmediately() {

  document.all.WebBrowser.ExecWB(6,6);

  window.close();

  }

  </script>

  <OBJECT id=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 style="display:none">

  </OBJECT>

  </noscript>

  <style media=print>

  .Noprint{display:none;} .PageNext{page-break-after: always;}

  </style>

  <table align="center" class=NOPRINT>

  <tr>

  <td align="center"><BUTTON title=打印 onclick=printWithAlert()>打印</BUTTON>

  <BUTTON title=直接打印 onclick=printWithoutAlert()>直接打印</BUTTON>

  <input type=button value="打印设置" onClick="printSetup()" >

  <button onclick ='printPrieview()' title='打印预览...' >打印预览</button></td>

  </tr>

  </table>

  <div class=NOPRINT> 以下为打印区:<br>

  </div>

  <hr size=1 noshadow color=black class=NOPRINT >

  <table class="PageNext" >

  <tr>

  <td colspan=2>

  第一页的内容

  11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

  </td>

  </tr>

  </table>

  <hr size=1 noshadow color=black class=NOPRINT >

  <div class="PageNext">

  第二页内容

  11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111 11111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111

  </div>

  <hr size=1 noshadow color=black class=NOPRINT >

  第三页内容

  </html>