乔山办公网我们一直在努力
您的位置:乔山办公网 > excel表格制作 > 怎么用js将excel中的数据读取后显示到网页中的表格-js读取excel,js读取Excel数据作为数组

怎么用js将excel中的数据读取后显示到网页中的表格-js读取excel,js读取Excel数据作为数组

作者:乔山办公网日期:

返回目录:excel表格制作


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();
}

先去了解下服务端模版吧,用服务端模版写动态页,比js容易。是什么模版与你用的服zhidao务端语言及框架有关,肯定都有
当然用js也可以,得用ajax获取数据,然后js渲染到页面

服务端代码读取excel,和操作数据库差不多
然后用服务端模版写到页面中即可,table标签行合并rowspan(写在td属性中,rowspan="2"表示该单元格占两行),列合并colspan(写法同行合并,rowspan="2"表示该单元格占两列)
使用插件,你会事半功倍的

js怎么获取 excel的数据
在一个html页面生成的时候,js就已经把dom树创建好了
只要这棵树上有e79fa5e98193e4b893e5b19e333的数据,我们都可以通过js来获取使用
那么这个问题就变成js如何去查询dom树的节点了
js内置了以下几个查询节点的方法
document.getElementById("id") //通过id来获取一个dom元素
document.getElementsByName("name") //通过name属性来获取一个集合
document.getElementsByTagName("tag") //通过标签来获取一个集合
如果要查找的元素本身有id,通过第一个方法可以直接获取,当我们得到了这个dom节点的时候就可以输出他的一系列数据了
举个栗子
var dom = document.getElementById("id");
//如果是图片
alert(dom.src);
//如果该dom有class
alert(dom.className);
//如果该dom有value
alert(dom.value);
//如果该dom有文本
alert(dom.innerHTML);
//输出dom的style
alert(dom.style.width);
//等等
当dom没有id的时候,我们就要依靠一些条件去找到我们想要的dom了
//寻找所有class为bold的div
var c = document.getElementsByTagName("div"), len = c.length, r = [];
for(var i=0;i<len;i++){
if(c[i].className == 'bold'){
r.push(c[i]);
}
}
//当得到了这些dom节点后,就可以用上面提到的方法继续访问每个dom的数据啦

相关阅读

关键词不能为空
极力推荐

ppt怎么做_excel表格制作_office365_word文档_365办公网