`

js把网页内容导成Excel-之简单方法

阅读更多
首先在桌面上新建一个noel.html

其次将如下代码拷贝到noel.html的文件中

双击运行之后 效果就可以看见  这种方法很简单

<html>
  <head>
    <title></title>
    <script type="text/javascript">
     function exportToExcel()
     {
   var excel;
      try
      {
    //构建Excel应用程序对象
       excel=new ActiveXObject("Excel.Application");
      }catch(e)
      {
       alert( "要打印该表,您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”,您的浏览器须允许执行控件。请点击【帮助】了解浏览器设置方法!");
return "";
      }
   //构建工作簿对象
      var wb=excel.Workbooks.Add();
   //构建工作簿对象
      var sheet=wb.ActiveSheet;
   //获取表格对象
      var tabQuery = document.all['tabQuery'];
      ///alert(tabQuery);//提示表格对象
   //获取需要导出的表格行数
      var lenR=tabQuery.rows.length;
   //循环访问每一行
      for(i=0;i<lenR-1;i++)
      {
    //获取每行中的列数量
       var lenC=tabQuery.rows(i).cells.length;
    //循环每一列
       for(j=0;j<lenC;j++)
       {
     //获取每一列中的值
        sheet.Cells(i+1,j+1).value=tabQuery.rows(i).cells(j).innerText;
       }
      }
   //使excel对象可见
      excel.visible =true;
     }
    </script>
  </head>
 
  <body>
     <form action="">
     <table align="center" id="tabQuery" border="1">
      <tr>
       <td>帐号</td>
       <td>密码</td>
      </tr>
      <tr>
       <td>sa</td>
       <td>123</td>
      </tr>
      <tr>
       <td>noel</td>
       <td>123</td>
      </tr>
     
      <tr>
       <td colspan="2">
    <input type="button" onClick="exportToExcel();" value="导出Excel">
   </td>
      </tr>
     </table>
     </form>
    
  </body>
</html>

分享到:
评论

相关推荐

    excel-gen.js 导出excel 功能

    标题 "excel-gen.js 导出excel 功能" 描述了一个JavaScript库,用于生成Excel文件,而涉及的文件列表揭示了这个过程可能依赖于几个关键组件。让我们深入了解一下这些技术及其在生成Excel文件中的作用。 首先,`...

    excel-gen.js

    然后,在jQuery事件处理函数中调用`excel-gen.js`提供的方法,将数据转换为Excel文件。代码示例如下: ```javascript $(document).ready(function() { var options = { title: '用户数据', sheetName: 'Sheet1',...

    nodejs简单读写excel内容的方法示例

    Node.js是一种基于Chrome V8引擎的JavaScript运行时环境,主要用于服务器端编程,也常用于桌面应用和移动应用的开发。Node.js非常适用于I/O密集型的应用程序,因为其非阻塞I/O模型能够轻松处理大量并发连接。Excel是...

    前端项目-excel-builder.zip

    "前端项目-excel-builder.zip"是一个专门针对这个需求的前端解决方案,它提供了一个简单的方法,允许开发者使用JavaScript来构建Excel文件。本文将详细介绍如何使用这个库,以及其背后的原理和技术点。 首先,让...

    pikaz-excel-js:一个vue版本的excel导入导出插件

    Introduction这个项目是在工作中并没有找到...InstallationWith npm or yarnyarn add pikaz-excel-jsnpm i -S pikaz-excel-jsWith cdn&lt;script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pikaz-exc

    网页形式导出成excel

    网页表格数据转换为Excel文件是常见的数据处理需求,尤其在数据分析、报告制作或者信息整理时。这个过程涉及到网页抓取、HTML解析以及数据格式转换等多个技术环节。下面将详细讲解这个过程及其相关知识点。 首先,...

    js-leetcode题解之171-excel-sheet-column-number.js

    javascript js_leetcode题解之171-excel-sheet-column-number.js

    网页表格生成excel-table2excel.rar

    在压缩包`网页表格生成-exceltable2excel` 中,很可能包含了示例代码和使用说明,你可以参考这些资源快速上手。总的来说,`table2excel` 是一个简单易用且功能强大的工具,能够帮助开发者快速实现网页表格到Excel的...

    excel-style-demo2.rar

    移动端应用中,可以使用React Native的组件库,如react-native-html-to-pdf或react-native-excel,来实现Excel-style表格的展示和导出。这些库通常会考虑手机屏幕尺寸,确保表格在小屏幕上也能良好显示。 7. **...

    excel-preview:纯前端展示excel表格

    jQuery excelPreview 插件 ( )选择一个excel文件,将激起excel表格展示在页面上安装 excel-preview 和依赖项npm install excel-preview --save在页面中包含 jquery 和 excel-preview &lt; script src =" node_...

    read-excel-file:在浏览器或 Node.js 中读取 *.xlsx 文件。 使用严格的模式解析为 JSON

    read-excel-file 在浏览器或 Node.js 中读取中小型*.xlsx文件。 使用严格的模式解析为 JSON。 另请查看以编写简单的*.xlsx文件。 安装 npm install read - excel - file -- save 如果您不使用捆绑程序,请使用的...

    jquery.table2excel-1.1.2使用含demo.zip

    excludeCSS: ".no-excel", // 排除带有此CSS类的元素 worksheet: "Sheet 1", // 工作表名 }); ``` 在这个例子中,`#myTable`是你要转换的表格ID,其他选项可以根据需求自定义。 ### 四、选项与配置 jQuery Table...

    web页面嵌入excel控件,网页中在线编辑EXCEL表格实例

    5. **交互与API**:一旦控件在网页中加载,可以通过JavaScript与之交互,调用Excel控件提供的API进行读写操作。这使得用户可以直接在网页上编辑、保存和打印Excel表格。 6. **优化用户体验**:考虑到性能和用户体验...

    xlsx.full.min.js-导入导出excel获取数据demo.zip

    导出则通过 `writeFile` 或 `write` 方法,将数据转换成Excel格式并下载到用户本地。 获取数据的部分,库提供了 `XLSX.utils.sheet_to_json` 方法,可以从工作表中提取数据并转换为JSON格式,便于在JavaScript中...

    Export2Excel.js

    当我们谈论“Export2Excel.js”时,我们关注的是一个利用JavaScript实现的功能,即从数据源导出到Excel电子表格。这个功能在数据分析、报表生成以及用户需要下载结构化数据的场景下非常常见。 首先,我们要理解...

    excel-style-demo.rar

    这样,不仅能够导出数据,还能保留表格的样式,如字体、颜色、边框等,使得导出的Excel文件与网页上的表格保持一致。 为了实现这个功能,开发者可能会编写一个方法,该方法接受表格数据和样式信息,然后调用xlsx-...

    table2excel.js 用于直接将table转换成Excel的js工具包

    table2excel.js 用于直接将table转换成Excel的js工具包

    layui excel.js

    JavaScript是网页开发中的主要脚本语言,通过`excel.js`,开发者可以利用JavaScript实现对Excel文件的读取、修改和保存,大大提高了数据处理的效率和用户体验。 `excel.js` 的核心功能包括: 1. **Excel导入**:...

    Export2Excel.js导出excel

    "Export2Excel.js导出excel"是一个针对这种情况的解决方案,它允许在Vue项目中实现前端直接导出Excel文件。下面将详细阐述这个功能的实现原理和涉及的技术。 首先,"Blob.js"是用于处理浏览器中的Blob对象的...

    用javascript实现把表格内容导出到excel和把excel里面内容导入表格的方法.docx

    本文将探讨如何使用JavaScript实现将表格内容导出到Excel以及从Excel导入表格的功能。 首先,我们要了解如何使用JavaScript将Excel内容导入表格。这个过程涉及到ActiveXObject,这是一个仅在Internet Explorer中...

Global site tag (gtag.js) - Google Analytics