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

 分页打印的实现方法有很多，本文为大家介绍的使用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> 
第一页的内容 
1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 
</td> 
</tr> 
</table> 
<hr size=1 noshadow color=black class=NOPRINT > 
<div class="PageNext"> 
第二页内容 
1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111
1111111111111111111 
</div> 
<hr size=1 noshadow color=black class=NOPRINT > 
第三页内容 
</html>