js将表格导出到excel格式文件格式(js导出xlsx)

Exce表格网 2023-03-15 02:10 编辑:admin 153阅读

1. js导出xlsx

这个一般是后台做的,后台生成excel文件返回前端下载。 主要原因是虽然有这种插件(ExcellentExport.js、exceljs、js-xlsx等等),但是受到jquery版本和浏览器支持的限制,处理起来也比后端处理复杂。而且一旦数据量大起来浏览器是承受不了的。

2. js导出xls文件

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title> new document </title>

<meta name="generator" content="editplus" />

<meta name="author" content="" />

<meta name="keywords" content="" />

<meta name="description" content="" />

<SCRIPT LANGUAGE="javascript">

  <!--

  function AutomateExcel()

  {

  // Start Excel and get Application object.

  var oXL = new ActiveXObject("Excel.Application");

  // Get a new workbook.

  var oWB = oXL.Workbooks.Add();

  var oSheet = oWB.ActiveSheet;

  var table = document.all.data;

  var hang = table.rows.length;

  var lie = table.rows(0).cells.length;

  // Add table headers going cell by cell.

  for (i=0;i<hang;i++)

  {

  for (j=0;j<lie;j++)

  {

  //oSheet.Cells(i+1,j+1).Font.Bold = True

  //oSheet.Cells(i+1,j+1).Font.Size = 50

  //oSheet.Cells(i+1,j+1).Alignment = 2

  oSheet.Cells(i+1,j+1).value = table.rows(i).cells(j).innerText;

  }

  }

  oXL.Visible = true;

  oXL.UserControl = true;

  }

  //-->

  </SCRIPT>

</head>

<body>

 <table border="1" width="100%" id="data">

  <tr>

   <td> 姓名</td>

   <td colspan="2">年龄</td>

   <td>出生日期</td>

  </tr>

  <tr>

   <td>6</td>

   <td>25</td>

   <td colspan="2">8</td>

  </tr>

  <tr>

   <td height="22">1</td>

   <td height="22">2</td>

   <td colspan="2" height="22">4</td>

  </tr>

  </table>

<input type="button" name="out_excel" onclick="AutomateExcel();" value="导出到excel" >

</body>

</html>

3. js导出word文档

我提供的解决方案如下(具体实现题主请自行搜索):

1.生成word文档,使用docxtemplater,jszip-utils,file-saver这三个工具库。

2.生成pdf文档,使用vuePlugs_printjs这个工具库.

4. JS导出实例,多个模块导入

方法一,在调用文件的顶部加入下例代码:

document.write(”<script language=javascript src=’/js/import.js’></script>”);

//(注:有时你引用的文件还可能需要引用其他的js,我们需要将需要的那个js文件也以同样的方法引用进来)

方法二,通过中间界面对js进行应用

我们可以在某个html中引用了你需要的js文件,我们可以通过拿到那个html文件的对象,然后在通过这个对象去引用js的方法。

方法三:html页面引入a.js,将下面js语句放进a.js中,即可引入b.js,这样html就引入了a.js和b.js了,引入b.js的地址是相对于html的,也就是跟引入a.js的地址一样,a.js一定要放在body里面。

var new_element=document.createElement(”script”);

new_element.setAttribute(”type”,”text/javascript”);

new_element.setAttribute(”src”,”b.js”);

document.body.appendChild(new_element);

  首先,我们利用document.createElement(”script”)生成了一个script的标签,设置其 type属性为text/javascript,src为import.js(这两个js可以放在同一个目录,也可放在不同的目录)。最后将这个标签动态 地加入body中。如此一来,我们就可以调用到不同js文件中的方法了。

  注意:<script language=”javascript” src=’a.js’></script>一定要放在body里面。

    因为在a.js中用到了body(document.body.appendChild(new_element);)

    如果将引入a.js的代码放在body上面,也就是说,

    进入页面后,还没有生成body就已经执行a.js里的document.body.appendChild(new_element);了。

    这时body不存在就会抛javascript错误。

5. JS导出功能未返回乱码

编码格式用记事本打开,文件另存为对话框最下面的编码改成跟你页面里设置的编码一致(啊什么的很多,比如asp页面还有)gb2312选ANSI,utf-8就选utf-8

6. js导出文件

1、鼠标右键新建文件夹(项目1)

 

2、打开DW软件-创建文档。

 

按键盘ctrl+N创建新项目(HTML)。

 

4、按键盘ctrl+S保存到项目1的位置。

 

 

5、按键盘ctrl+N创建CSS文档,然后ctrl+S保存到项目1里的CSS文件当中。

 

6、在title标签下输出link按tab键生成css外部样式引入,在href链接刚刚创建的项目1里的CSS文档。

 

7、按键盘ctrl+N创建JavaScript文档,然后ctrl+S保存到项目1里的JS文件当中。

8、返回HTML文档在body结束标签下面输入script按住tab键生成JavaScript文档引入。

 

9、在script 前输入src再引入项目1里JS文件的文档即可完成。

7. js导出xls

利用jquery里的ocupload这个js组件,步骤和实现文件上传一样,将你要导入的excel表格进行上传到服务端,然后在工程里导入apache的poi这poi-ooxml以及poi-schemas这三个jar包,接受到文件对象后,利用里面的HSSWorkBook这个对象来解析excel里的每行数据,通过对应的数据类型对象添加到数据库里即可

顶一下
(0)
0%
踩一下
(0)
0%
相关评论
我要评论
点击我更换图片