DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> ie浏覽器使用js導出網頁到excel並打印
ie浏覽器使用js導出網頁到excel並打印
編輯:JavaScript綜合知識     

 簡單介紹一種可以使用簡單的JS來實現把網頁中的信息原樣導出到Excel、還可以打印的方法,需要的朋友可以參考下

在一些要求不是很高的小項目中,可以使用一些雖不是通用且不是新技術但是確實可以很好實現功能的技術來實現這些功能。這樣系統不是顯示的很復雜,且可以方便維護。  新建一個exportPrint.html頁面,裡面的代碼如下所示,就可以實現導出到Excel和打印網頁。    代碼如下: <html>  <head>   <title>IE浏覽器使用JS技術導出到Excel和打印</title>   <style>    .table_stat {     border-right:0px;     border-bottom:0px;     border-left:1px solid #819BD8;     border-top:1px solid #819BD8;    }    .td_stat {     border-right:1px solid #819BD8;     border-bottom:1px solid #819BD8;    }   </style>  </head>  <body>   <object classid="CLSID:8856F961-340A-11DO-A96B-00C04FD705A2" height="0" id="WebBrowser" width="0"></object>   <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="text-align: center;" class="table_stat">    <tr>     <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="2">      用戶信息     </td>    </tr>    <tr>     <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="1">      姓名     </td>     <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="1">      張三     </td>    </tr>      <tr>     <td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="2">      <input type="button" id="export" value="導出" onclick="javascript:exportToExcel();" >      <input type="button" id="print" value="打印" onclick="javascript:print();" >     </td>    </tr>   </table>  </body> </html>   <script type="text/javaScript">  //導出到Excel  function exportToExcel() {   if(document.getElementById("title")) {    try {     var oRangeRef = document.body.createTextRange();     oRangeRef.execCommand("Copy");     var appExcel = new ActiveXObject("Excel.Application");     appExcel.visible = true;     appExcel.Workbooks.Add().WorkSheets.Item(1).Paste();    } catch(e) {     alert("出錯啦!可能是浏覽器或者是數據量太大咯哦!");     return;    }    appExcel = null;    oRangeRef = null;   }  }    //打印  function print() {   if(document.getElementById("title")) {    var export = document.getElementById("export");    var print = document.getElementById("print");    try {     export.style.display = "none";     print.style.display = "none";     document.all.WebBrowser.ExecWB(6,1);    } catch(e) {     alert("出錯啦!可能是浏覽器或者是數據量太大咯哦!");     return;    }    export.style.display = "";    print.style.display = "";   }  } </script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved