用JavaScript保存HTML页面中元素

最新推荐文章于 2023-07-24 20:26:01 发布

原创最新推荐文章于 2023-07-24 20:26:01 发布 · 273 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #JavaScript #Excel #Go #C #ViewUI

Javascript 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一种简单的方法，可以将网页上的HTML表格内容直接保存为Excel文件。通过使用JavaScript，网页开发者能够轻松实现这一功能，提升用户体验。

在项目，要实现把页面中的一个Table保存到Excel中，代码如下：


<html>
  <head>
     <title>保存HTML中的Table到Excel中</title>
  </head>
  <body>
     <h1>保存内容到Excel中</h1>
     <table id='content'>
         <tr><td>列1</td><td>列2</td></tr>
         <tr><td>列1</td><td>列2</td></tr>
         <tr><td>列1</td><td>列2</td></tr>
         <tr><td>列1</td><td>列2</td></tr>
         <tr><td>列1</td><td>列2</td></tr>
         <tr><td>列1</td><td>列2</td></tr>
         <tr><td>列1</td><td>列2</td></tr>
     </table>
      <a href="javascript:downloadfile('content')">保存文件</a>
    <script language="javascript">
       function downloadfile(id)
      {
              window.document.write(document.getElementById(id).outerHTML);
              window.document.execCommand("SaveAs",false,"C:\\download.xls");
              history.go(-1);
      }
    </script>
  </body>
</html>