萬盛學電腦網 >> 腳本專題 >> javascript >> js控制分頁打印、打印分頁示例
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>javascript排行
程序編程推薦
相關文章
圖片文章
copyright © 萬盛學電腦網 all rights reserved