萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> ie浏覽器使用js導出網頁到excel並打印

ie浏覽器使用js導出網頁到excel並打印

 簡單介紹一種可以使用簡單的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>
copyright © 萬盛學電腦網 all rights reserved