无插件纯js导出指定div内容为表格(需兼容模式)

无插件纯js导出指定div内容为表格(需兼容模式) 使用一个div id为tableExcel包住需要导出的内容即可




<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  
  
<!– saved from url=(0047)http://localhost:8080/ExtDemo/tabletoexcel.html –>  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<title>无标题文档</title>  
<script type="text/javascript">  
<!-- download  
function saveCode(obj) {  
          var winname = window.open('', '_blank', 'top=10000');  
          var strHTML = document.all.tableExcel.innerHTML;  
          winname.document.open('text/html', 'replace');  
          winname.document.writeln(strHTML);  
          winname.document.execCommand('saveas','','excel.xls');  
          winname.close();  
}  
-->  
</script>  
</head>  
<div id="tableExcel">  
<table id="test" width="100%" border="1" cellspacing="0" cellpadding="0">  
      <tr>  
          <td colspan="5" align="center">WEB页面导出为EXCEL文档的方法</td>  
      </tr>  
      <tr>  
          <td>列标题1</td>  
          <td>列标题2</td>  
          <td>列标题3</td>  
          <td>列标题4</td>  
          <td>列标题5</td>  
      </tr>  
      <tr>  
          <td>aaa</td>  
          <td>bbb</td>  
          <td>ccc</td>  
          <td>ddd</td>  
          <td>eee</td>  
      </tr>  
      <tr>  
          <td>AAA</td>  
          <td>BBB</td>  
          <td>CCC</td>  
          <td>DDD</td>  
          <td>EEE</td>  
      </tr>  
      <tr>  
          <td>FFF</td>  
          <td>GGG</td>  
          <td>HHH</td>  
          <td>III</td>  
          <td>JJJ</td>  
      </tr>  
      <tr>  
        <td>aaa</td>  
        <td>bbb</td>  
        <td>ccc</td>  
        <td>ddd</td>  
        <td>eee</td>  
      </tr>  
      <tr>  
        <td>AAA</td>  
        <td>BBB</td>  
        <td>CCC</td>  
        <td>DDD</td>  
        <td>EEE</td>  
      </tr>  
      <tr>  
        <td colspan="5">FFFGGGHHHIIIJJJ</td>  
      </tr>  
       
      <tr>  
        <td>aaa</td>  
        <td>bbb</td>  
        <td>ccc</td>  
        <td>ddd</td>  
        <td>eee</td>  
      </tr>  
      <tr>  
        <td>AAA</td>  
        <td>BBB</td>  
        <td rowspan="4">CCCHHHcccccc</td>  
        <td>DDD</td>  
        <td>EEE</td>  
      </tr>  
      <tr>  
        <td>FFF</td>  
        <td>GGG</td>  
        <td>III</td>  
        <td>JJJ</td>  
      </tr>  
       
      <tr>  
        <td>aaa</td>  
        <td>bbb</td>  
        <td>ddd</td>  
        <td>eee</td>  
      </tr>  
      <tr>  
        <td>aaa</td>  
        <td>bbb</td>  
        <td>ddd</td>  
        <td>eee</td>  
      </tr>  
      <tr>  
        <td>AAA</td>  
        <td>BBB</td>  
        <td>CCC</td>  
        <td>DDD</td>  
        <td>EEE</td>  
      </tr>  
      <tr>  
        <td>FFF</td>  
        <td>GGG</td>  
        <td>HHH</td>  
        <td>III</td>  
        <td>JJJ</td>  
      </tr>  
</table>  
</div>  
<body>  
<input type="button" value="另存为 Excel" onclick="saveCode(tableExcel)">  
</body>  
</html>  


下边有代码试运行

以下为全部代码:
Plugins by ewCEO.com
无插件纯js导出指定div内容为表格(需兼容模式)
版权声明:若无特殊注明,本文皆为《 傲世零零 》原创,转载请保留文章出处。
本文链接:无插件纯js导出指定div内容为表格(需兼容模式) http://www.wangjunjiang.com/?post=55
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗

评论信息框

吃奶的力气提交吐槽中...