您现在的位置： 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文
js控制分页打印、打印分页示例
作者：佚名 责任编辑：admin 更新时间：2022-06-22
分页打印的实现方法有很多，本文为大家介绍的使用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>- 上一个程序编程： jquery ajax 局部刷新小案例
- 下一个程序编程： Jquery实现控件的隐藏和显示实例
