js控制分页打印与打印分页设置的例子

发布时间:2019-09-04编辑:脚本学堂
有关javascript脚本控制分页打印,以及打印分页功能设置的例子,打印页面设置与打印页面预览功能,需要的朋友参考下。

例子,
 

复制代码 代码示例:
<%@ 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>  www.osxue.com 系统学堂
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> 

2,分页批量打印方法
 

复制代码 代码示例:
<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>