整合營銷服務(wù)商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          HTML自定義web頁面打印區(qū)域

          、選擇打印

          把要打印的內(nèi)容放入一個 span或div,然后通過一個函數(shù)打印。

          <script language="javascript">
          function printme()
          { document.body.innerHTML=document.getElementByIdx_x_x('div1').innerHTML+'<br/>'+document.getElementByIdx_x_x('div2').innerHTML;
          window.print();
          }
          </script>
          <span id='div1'>把要打印的內(nèi)容放這里</span>
          <p>所有內(nèi)容</p>
          <div id="div2">div2的內(nèi)容</div>
          <a href="javascript:printme()" rel="external nofollow" target="_self">打印</a>

          用CSS樣式實現(xiàn)分頁打印,其主要應(yīng)用thead標(biāo)記、tfoot標(biāo)記和page-break-after屬性。

          (1)thead標(biāo)記

          thead用于設(shè)置表格的表頭。

          (2)tfoot標(biāo)記

          tfoot用于設(shè)置表格的表尾。

          (3)page-break-after屬性

          page-break-after屬性在打印文檔時發(fā)生作用,用于進行分頁打印。但是對于<br>和<hr>對象不起作用。其語法格式如下:

          page-break-after:auto | always | avoid | left | right | null

          參數(shù)說明:

          page-break:打印時在樣式控制的對象前后換頁。

          after:設(shè)置對象后出現(xiàn)頁分隔符。設(shè)置為always時,始終在對象之后插入頁分隔符。

          auto:需要在對象之后插入頁分隔符時插入。

          always:始終在對象之后插入頁分隔符。

          avoid:未支持。避免在對象后面插入分隔符。

          left:未支持。在對象后面插入頁分隔符,直到它到達一個空白的左頁邊。

          right:未支持。在對象后面插入頁分隔符,直到它到達一個空白的右頁邊。

          null:空白字符串。取消了分隔符設(shè)置。

          WebBrowser.ExecWB的完整說明

          <OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(1,1) type=button value=打開>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(2,1) type=button value=關(guān)閉所有>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(4,1) type=button value=另存為>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(6,1) type=button value=打印>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(6,6) type=button value=直接打印>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(7,1) type=button value=打印預(yù)覽>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(8,1) type=button value=頁面設(shè)置>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(10,1) type=button value=屬性>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(17,1) type=button value=全選>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(22,1) type=button value=刷新>
          <input name=Button .Click=document.all.WebBrowser.ExecWB(45,1) type=button value=關(guān)閉>

          運用CSS樣式實現(xiàn)分頁打印。其具體步驟如下:

          (1)編寫用于控制指定內(nèi)容不打印的CSS樣式,代碼如下。

          @media print{
              .bgnoprint{
                  background:display:none;
              }
              .noprint{
                  display:none
              }
          }

          (2)應(yīng)用include命令連接數(shù)據(jù)源文件,并應(yīng)用do…while循環(huán)語句輸出圖書信息到瀏覽器,并設(shè)置好表頭、表尾及打印分頁,關(guān)鍵代碼如下:

          <?php include "conn/conn.php"; ?>
          <table width="99%" border="0" cellspacing="0" cellpadding="0">
          <tr>
          <td height="27" align="center" style=" font-size:14px;"><b>圖書信息查詢</b></td>
          </tr>
          </table>
          <table width="98%" border="0" cellpadding="0" cellspacing="1" bgcolor="#000000" bordercolor="#FFFFFF" bordercolordark="#000000" bordercolorlight="#FFFFFF" >
          <thead style="display:table-header-group;"> <!--設(shè)置表頭-->
          <tr bgcolor="#EFEFEF">
          <td width="6%" height="20" align="center">編號</td>
          <td width="27%" align="center">圖書名稱</td>
          <td width="23%" align="center">內(nèi)容簡介</td>
          <td width="8%" align="center">定價</td>
          <td width="10%" align="center">作者</td>
          <td width="15%" align="center">出版社</td>
          <td width="11%" align="center">發(fā)行時間</td>
          </tr>
          </thead>
          <!--控制分頁-->
          <?php
          $sql=mysql_query("select * from tb_book");
          $info=mysql_fetch_array($sql);
          $row=1;
          do{
          ?>
          <tr align="center" <?php if($row==2){ ?>style="page-break-after:always"<?php } ?>>
          <td bgcolor="#FFFFFF"><?php echo $info[id];?></td>
          <td height="25" align="left" bgcolor="#FFFFFF"> <?php echo $info[bookname];?></td>
          <td align="left" bgcolor="#FFFFFF"> <?php echo $info[synopsis];?></td>
          <td bgcolor="#FFFFFF"><?php echo $info[price];?></td>
          <td bgcolor="#FFFFFF"><?php echo $info[maker];?></td>
          <td bgcolor="#FFFFFF"><?php echo $info[publisher];?></td>
          <td bgcolor="#FFFFFF"><?php echo $info[issuDate];?></td>
          </tr>
          <?php
          $row++;
          }while($info=mysql_fetch_array($sql))
          ?>
          <!--設(shè)置表尾-->
          <tfoot style="display:table-footer-group; border:none;"><tr><td></td></tr></tfoot>
          </table>

          (3)建立HTML的object標(biāo)簽,調(diào)用WebBrowser控件,代碼如下:

          <object id="Wb" classid="ClSID:8856F961-340A-11D0-A96B-00C04Fd705A2" width="0" height="0">
          </object>

          (4)建立相關(guān)的打印超級鏈接,并調(diào)用WebBrowser控件的相應(yīng)參數(shù)實現(xiàn)打印預(yù)覽及打印功能,代碼如下:


          主站蜘蛛池模板: 亚洲AV综合色一区二区三区| 日韩综合无码一区二区| 怡红院一区二区三区| 精品一区二区高清在线观看| 91精品一区二区三区久久久久| 国产成人片视频一区二区| 国产精品视频一区麻豆| 亚洲一区二区三区高清| 国产色情一区二区三区在线播放| 无码国产精品一区二区高潮| 无码人妻精品一区二区三区久久| 中文字幕在线观看一区| 精品一区二区三区在线视频观看 | 国产中文字幕一区| 一本大道在线无码一区| 久久精品岛国av一区二区无码| 一区在线免费观看| 精品国产亚洲一区二区在线观看| 激情综合丝袜美女一区二区| 精品无码人妻一区二区三区18 | 亚洲色无码专区一区| 亚洲高清日韩精品第一区| 久久亚洲日韩精品一区二区三区| 亚洲AV无一区二区三区久久| 国产成人AV一区二区三区无码| 久久久一区二区三区| 无码乱人伦一区二区亚洲一| 亚洲综合无码一区二区| 老熟女高潮一区二区三区| 亚洲日本久久一区二区va| 一区二区三区在线观看| 午夜视频在线观看一区| 国产乱子伦一区二区三区| 一区二区三区免费视频网站| 久久国产香蕉一区精品| 久久精品国产一区| 中文字幕精品一区二区日本| av一区二区三区人妻少妇| 视频一区二区三区人妻系列 | 无码日本电影一区二区网站| 国产精品日韩一区二区三区 |