`
zgqynx
  • 浏览: 1365938 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js中excel的用法

阅读更多
有困难,找猪八戒
转载自:
http://hi.baidu.com/lionfoo/blog/item/757e173321f19efd1a4cffbd.html
另外:查看这个资源也不错
http://kuangbaoxu.iteye.com/blog/193311

-----------------------------
my addition:
1、设置日期 年月日
oSheet.Cells(x,y).NumberFormat = 'yyyy-m-d';
http://stackoverflow.com/questions/380100/how-to-customize-date-format-when-creating-excel-cells-through-javascript-active

2、设置单元格内容根据内容大小显示
XlSheet.columns.autofit;
http://lists.evolt.org/pipermail/javascript/2006-November/011477.html
http://www.webdeveloper.com/forum/showthread.php?t=187527


-------------------------------

事例1
<SCRIPT LANGUAGE='JavaScript'>  
<!--  
var xlCenter=-4108;
var xlbottom=-4107;
var xlRight=-4152;
var oSheet;
var oActiveSheet;
var oApplication;
try { //初始化Excel对象
    oApplication     = new ActiveXObject ( 'Excel.Application' );
    }catch(e){
alert('您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”!');
return '';
}       
oApplication.visible = true;       
var xlBook = oApplication.Workbooks.Add;
oActiveSheet = xlBook.Worksheets(1);
oActiveSheet.Rows('1:1').RowHeight = 30;//设置行高
oActiveSheet.Columns('A:A').ColumnWidth = 8;//设置列宽
oActiveSheet.Cells(4,1).FormulaR1C1='日   期'; //设置单元格的内容第4行第1列
oActiveSheet.Range('A2:G2').Select();//单元格选择
//另外一种高级的选择方法
oActiveSheet.Range(oActiveSheet.cells(5,3),oActiveSheet.Cells(6,4)).Select;
oApplication.Selection.Font.Size=15;//设置文字格式
oApplication.Selection.Font.bold= true
oApplication.Selection.Font.Name='宋体';
oApplication.Selection.Merge();//合并选取的单元格
//设置选取单元格的垂直对齐和水平对齐
oApplication.Selection.HorizontalAlignment = xlCenter;
oApplication.Selection.VerticalAlignment = xlCenter;
//注意,对selection的操作都适用于cells
oApplication.Selection.WrapText=true;//设置自动换行
//-->
</SCRIPT>

事例2 使用js操作本地或远程的excel
<html><head><title>Excel Test</title>
<script language="javascript">
function readEx() {
var ExcelSheet ;
var wb;
try {
   ExcelSheet      = new ActiveXObject("Excel.Application");
   alert(ExcelSheet .Version);
   wb = ExcelSheet.Workbooks.open("http://10.1.1.143:8080/canon_sample/data/test.xls");
   var objsheet =   wb.Worksheets("Sheet1");
   var v = objsheet.cells(1,1);
   alert("cells(1,1) = " + v);
   ExcelSheet.Save();
// read end   使EXCEL窗口可见
   ExcelSheet.Visible = true;
} catch(e) {
if (ExcelSheet != undefined){
   alert('Error happened : ' + e);
   ExcelSheet.Quit();
}
   return '';
}
}
function writeEx() {
var ExcelSheet ;
var wb;
try {
   ExcelSheet      = new ActiveXObject("Excel.Application");
   ExcelSheet.Visible = true;
   ExcelSheet.Workbooks.Add();
   ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";
   ExcelSheet.SaveAs("c:\\TEST.XLS");
   ExcelSheet.Quit();
}
catch(e) {
     if (ExcelSheet != undefined){
   alert('Error happened : ' + e);
   ExcelSheet.Quit();
}
   return '';
}
}
</script>
</head>
<body>
<b>
Excel Test
</b>
<br><br>
<input type="button" onclick="readEx();" value=" Read "/>
<input type="button" onclick="writeEx();" value=" Write "/>
</body>
</html>

事例3
xlsheet.Range( xlsheet.Cells(1,1),xlsheet.Cells(rowNum+1,7)).HorizontalAlignment =-4108;//居中
xlsheet.Range( xlsheet.Cells(1,1),xlsheet.Cells(1,7)).VerticalAlignment =-4108;
xlsheet.Range( xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Font.Size=10;
xlsheet.Range( xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(3).Weight = 2; //设置左边距
xlsheet.Range( xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(4).Weight = 2;//设置右边距
xlsheet.Range( xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(1).Weight = 2;//设置顶边距
xlsheet.Range( xlsheet.Cells(2,1),xlsheet.Cells(rowNum+1,7)).Borders(2).Weight = 2;//设置底边距
//设置单元格内容自动换行 range.WrapText   =   true   ;
//设置单元格内容水平对齐方式
range.HorizontalAlignment   =   Excel.XlHAlign.xlHAlignCenter;
//设置单元格内容竖直堆砌方式
   range.VerticalAlignment=Excel.XlVAlign.xlVAlignCenter
   ange.WrapText   =   true;
   xlsheet.Rows(3).WrapText=true   自动换行
   xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,6)).Interior.ColorIndex=5;//设置底色为蓝色
   xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,6)).Font.ColorIndex=4;//设置字体色         
xlsheet.Rows(1). Interior .ColorIndex = 5 ;//设置底色为蓝色   设置背景色 Rows(1).Font.ColorIndex=4  
   <!--设置行高-->xlsheet.Rows(1).RowHeight = 30;
<!--设置字体 ws.Range(ws.Cells(i0+1,j0), ws.Cells(i0+1,j1)).Font.Size = 13 -->
   xlsheet.Rows(1).Font.Size=14;
// <!--设置字体 设置选定区的字体   xlsheet.Range(xlsheet.Cells(i0,j0), ws.Cells(i0,j0)).Font.Name = "黑体" -->
xlsheet.Rows(1).Font.Name="Verdana";
<!--设置列宽 xlsheet.Columns(2)=14;-->
xlsheet.Columns("A:D").ColumnWidth =18;
xls.UserControl = true;   //很重要,不能省略,不然会出问题 意思是excel交由用户控制

事例4
//拷贝
var elTable = document.getElementById("data_table");
var oRangeRef = document.body.createTextRange();
oRangeRef.moveToElementText( elTable );
oRangeRef.execCommand( "Copy" );

//粘贴
try{
var appExcel = new ActiveXObject( "Excel.Application" );
appExcel.Visible = true;
appExcel.Workbooks.Add().Worksheets.Item(1).Paste();
//appExcel = null;
}catch(e){
alert("使用此功能必须在浏览器中设置:Internet选项->安全->将本站加入“受信任的站点”。");
}

有困难,找猪八戒
分享到:
评论
1 楼 zenmshuo 2016-09-13  
如果使用SpreadJS这一类的表格工具,应该能更好的实现这些功能

相关推荐

    HTML用JS导出Excel的五种方法.javascript导出excel的5种方法

    `js-xlsx`库提供了一种纯JavaScript的方式来读写Excel文件。它的API非常灵活,可以处理各种Excel格式。导出Excel文件时,需要创建一个工作表对象,然后加入到工作簿中,最后将其转换为二进制数据并下载。 ```...

    js excel 批量复制数据到 html

    本教程将详细介绍如何使用JavaScript(js)实现从Excel文档批量复制数据并粘贴到HTML表格(table)中的技术。这一功能对于数据处理、报表展示以及用户交互等方面具有很高的实用价值。 首先,我们要明白JavaScript...

    js转换图片到Excel 里面

    在IT行业中,JavaScript(简称JS)是一种广泛使用的前端编程语言,它不仅限于网页交互,还可以处理各种数据格式,包括创建和操作Excel文件。在标题"js转换图片到Excel里面"和描述中提到的任务,是利用JavaScript将...

    Js操作Excel常用方法.pdf

    在介绍JavaScript操作Excel的常用方法之前,首先要明确一点,这些操作通常是借助COM自动化技术(如ActiveX对象...在公共网络或者跨平台场景中,考虑使用其他如Office.js、SheetJS、或OpenXML等技术方案来实现类似功能。

    js导出excel插件

    在JavaScript(JS)环境中,导出Excel数据是常见的需求,特别是在Web应用中,用户可能需要将数据下载到本地以便进一步处理或分析。本篇将详细讲解如何使用JS导出Excel插件来实现这一功能,以及如何配置这些插件应用...

    layui excel.js

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

    JS获取Excel数据并显示到页面(IE)

    2. **使用Web服务或后端API**:更通用的方法是通过上传文件到服务器,然后在服务器端使用如PHP、Python、Node.js等语言处理Excel文件,最后将处理后的数据返回给前端JavaScript。这种方法跨浏览器,但需要后端支持。...

    如何使用js 打开并设置excel某些单元格的格式例子

    根据提供的文件信息,本文将详细介绍如何使用JavaScript(简称JS)来操作Excel文件,具体包括打开Excel文件以及设置其中某些单元格的格式。由于浏览器环境下的JavaScript无法直接与Office应用程序交互,我们将采用一...

    js读取excel表格的js文件

    在JavaScript(JS)环境中,处理Excel表格数据通常涉及到前端与后端的数据交互,以及解析Excel文件格式。在给定的标题和描述中,“js读取excel表格的js文件”反复提及,这暗示我们需要关注的是一个JavaScript库,...

    JavaScript 实现 Excel数据导出 支持多个Sheet页导出

    本文将深入探讨如何使用纯JavaScript实现JSON格式数据到Excel文件的导出,同时支持多个Sheet页的导出。这个功能对于前端开发者来说,能够极大地提升用户体验,特别是在数据管理、分析和分享场景下。 首先,我们要...

    js导出excel的方法

    ### JS导出Excel的方法 在Web开发中,经常需要将数据导出到Excel文件中,以便用户能够方便地查看或进一步处理这些数据。本文将详细介绍几种使用JavaScript实现导出数据到Excel的方法,包括利用ActiveX对象的方式...

    使用JavaScript中的ActiveXObject填充并设置Excel格式

    ### 使用JavaScript中的ActiveXObject填充并设置Excel格式 在IT领域,特别是对于那些处理大量数据的开发者来说,能够熟练地利用编程语言对Excel进行操作是一项非常有用的技能。本篇将详细介绍如何使用JavaScript...

    JS读取解析Excel

    通过上述介绍,我们了解了如何使用JS读取和解析Excel文件,以及在实际应用中可能遇到的问题和解决方案。虽然示例代码基于较旧的技术(如ActiveX),但在特定场景下仍然具有参考价值。在现代Web开发中,建议探索更...

    Javascript 读取Excel实例

    以上就是JavaScript读取Excel文件的相关知识点,包括使用FileReader API、第三方库的选择和使用,以及安全和性能的考虑。在实际应用中,应根据具体需求选择合适的方法,并确保遵循最佳实践,保证用户数据的安全。

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

    "标签" 中的 "前端" 表明这个技术主要应用于前端开发环境,"js" 指出使用的是JavaScript语言,而 "excel" 则明确了我们正在讨论的是与Excel文件相关的功能。 在压缩包内的文件 "xlsx.full.min.js-导入导出excel获取...

    js实现Excel导出

    在JavaScript(JS)环境中,实现Excel导出是一项常见的需求,特别是在Web应用中处理大量数据时。前后端分离的开发模式下,前端需要处理用户交互,包括数据导出,这就需要我们借助一些库或者API来实现。以下是一些...

    excel-gen.js 导出excel 功能

    `FileSaver.js` 提供了一种方法,允许用户下载由JavaScript生成的文件,如由`excel-gen.js` 创建的Excel文件。 `jszip.min.js` 是一个压缩库,用于处理ZIP文件。在生成Excel文件时,如果使用XLSX格式,数据会被存储...

    js excel表内容导入到页面table中

    在JavaScript(JS)开发中,有时我们需要从Excel文件中读取数据并将其显示在网页的HTML表格(table)中。这个过程通常涉及到几个关键步骤,包括文件读取、数据解析和表格渲染。以下是对这个过程的详细解释: 1. **...

    js读取本地excel文档数据

    通过JavaScript(JS)来读取并解析这些Excel文件可以实现对数据的快速处理与展示。本文将详细介绍如何利用JavaScript读取本地Excel文档数据。 #### 二、技术原理与实现方法 ##### 2.1 使用ActiveXObject读取Excel...

    js前端Excel大数据处理导入

    在JavaScript(JS)前端开发中,处理Excel大数据的导入是一项挑战。随着Web应用程序对数据处理能力的需求提升,前端工程师必须找到有效地处理大量数据的方法,而不仅仅是依赖后端服务器。本主题将深入探讨如何使用...

Global site tag (gtag.js) - Google Analytics