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里的每行数据,通过对应的数据类型对象添加到数据库里即可
- 相关评论
- 我要评论
-