DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js控制分頁打印、打印分頁示例
js控制分頁打印、打印分頁示例
編輯:JavaScript綜合知識     

 分頁打印的實現方法有很多,本文為大家介紹的使用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>   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved