`

js把网页内容导成Excel-高级方法

阅读更多
js 把网页内容导到excel 文件中

将如下代码拷贝到后缀名为.html的文件中操作即可知道


<h1>content</h1>
<html>
<head>
<script language="javascript" type="text/javascript">
function MakeExcel() {
var i, j, n;
try {
var xls = new ActiveXObject("Excel.Application");
}
catch(e) {
alert( "要打印该表,您必须安装Excel电子表格软件,同时浏览器须使用“ActiveX 控件”,您的浏览器须允许执行控件。请点击【帮助】了解浏览器设置方法!");
return "";
}
xls.visible =true; // 设置excel为可见
var xlBook = xls.Workbooks.Add;
var xlsheet = xlBook.Worksheets(1);
<!--合并-->
xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,7)).mergecells=true;
xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,7)).value="发卡记录";
xlsheet.Range(xlsheet.Cells(1,1),xlsheet.Cells(1,3)).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 = 25;
<!--设置字体 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="黑体";
<!--设置列宽 xlsheet.Columns(2)=14;-->
xlsheet.Columns("A:D").ColumnWidth =18;
<!--设置显示字符而不是数字-->
xlsheet.Columns(2).NumberFormatLocal="@";
xlsheet.Columns(7).NumberFormatLocal="@";
//设置单元格内容自动换行 range.WrapText = true ;
//设置单元格内容水平对齐方式 range.HorizontalAlignment = Excel.XlHAlign.xlHAlignCenter;//设置单元格内容竖直堆砌方式
//range.VerticalAlignment=Excel.XlVAlign.xlVAlignCenter
//range.WrapText = true; xlsheet.Rows(3).WrapText=true 自动换行
//设置标题栏
xlsheet.Cells(2, 1).Value = "卡号";
xlsheet.Cells(2, 2).Value = "密码";
xlsheet.Cells(2, 3).Value = "计费方式";
xlsheet.Cells(2, 4).Value = "有效天数";
xlsheet.Cells(2, 5).Value = "金额";
xlsheet.Cells(2, 6).Value = "所属服务项目";
xlsheet.Cells(2, 7).Value = "发卡时间";
var oTable = document.all['fors:data'];
var rowNum = oTable.rows.length;
for(i = 2; i <= rowNum; i++) {
for (j = 1; j <= 7; j++) {
//html table类容写到excel
xlsheet.Cells(i + 1, j).Value = oTable.rows(i - 1).cells(j - 1).innerHTML;
}
}
<!-- xlsheet.Range(xls.Cells(i+4,2),xls.Cells(rowNum,4)).Merge; -->
// xlsheet.Range(xlsheet.Cells(i, 4), xlsheet.Cells(i-1, 6)).BorderAround , 4
// for(mn=1,mn<=6;mn++) . xlsheet.Range(xlsheet.Cells(1, mn), xlsheet.Cells(i1, j)).Columns.AutoFit;
xlsheet.Columns.AutoFit;
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;//设置底边距
xls.UserControl = true; //很重要,不能省略,不然会出问题 意思是excel交由用户控制
xls=null;
xlBook=null;
xlsheet=null;
}
</script>
<link href="css/styles3.css" rel="stylesheet" type="text/css"/>
<title>ziyuanweihu</title>
</head>
<body>
<form id="fors" method="post" action="/WebModule/admins/card/showcard.faces" enctype="application/x-www-form-urlencoded">
<table id="fors:top" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="left">&nbsp;</td>
<td class="topMiddle"></td>
<td class="right">&nbsp;</td>
</tr>
</tbody>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="middleLeft"></td>
<td class="btstyle">
<table id="fors:sort" border="0" cellpadding="0" cellspacing="0" style="valign:center" width="100%">
<tbody>
<tr>
<td class="btstyle">
<input type="button" onClick="MakeExcel()" name="fors:_id7" value="生成excel文件" />
</td>
</tr>
</tbody>
</table>
<table id="fors:data" border="1" cellpadding="0" cellspacing="1" width="100%">
<thead>
<tr>
<th scope="col"><span id="fors:data:headerText1">卡号</span></th>
<th scope="col"><span id="fors:data:headerText2">密码</span></th>
<th scope="col"><span id="fors:data:headerText3">计费方式</span></th>
<th scope="col"><span id="fors:data:headerText4">有效天数</span></th>
<th scope="col">金额</th>
<th scope="col"><span id="fors:data:headerText6">所属服务项目</span></th>
<th scope="col"><span id="fors:data:headerText7">发卡时间</span></th>
</tr>
</thead>
<tbody>
<tr>
<td>h000010010</td>
<td>543860</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010011</td>
<td>683352</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010012</td>
<td>433215</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010013</td>
<td>393899</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010014</td>
<td>031736</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010015</td>
<td>188600</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010016</td>
<td>363407</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010017</td>
<td>175315</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010018</td>
<td>354437</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
<tr>
<td>h000010019</td>
<td>234750</td>
<td>计点</td>
<td></td>
<td>2.0</td>
<td>测试项目</td>
<td>2006-06-23 10:14:40.843</td>
</tr>
</tbody>
</table>
</td>
<td class="middleRight"></td>
</tr>
</tbody>
</table>
<table id="fors:bottom" border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td class="left">&nbsp;</td>
<td class="bottomMiddle"> </td>
<td class="right">&nbsp;</td>
</tr>
</tbody>
</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',...

    js-excel-formula-tree-main.zip

    本项目“js-excel-formula-tree-main.zip”似乎关注于使用SpreadJS来解析和处理Excel公式,这是一项对于创建交互式、计算型Web表单至关重要的技术。以下是关于 SpreadJS 和 Excel 公式解析的相关知识点: 1. **...

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

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

    html-export-Excel.rar_EXCEL导出_excel_export-excel.js_html excel_j

    这个压缩包文件“html-export-Excel.rar”提供了一个解决方案,它使用JavaScript库`excel-export-excel.js`来实现HTML表格内容的导出功能。这个功能对于数据分析、报告生成或用户需要下载数据时非常有用。 首先,...

    网页表格生成excel-table2excel.rar

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

    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 如果您不使用捆绑程序,请使用的...

    excel-to-json:读取Excel文件并将其解析为json对象

    安装npm install simple-excel-to-json简化用法您只需要使用简单的“ simple-excel-to-json”并执行方法“ parseXls2Json” var parser = require ( 'simple-excel-to-json' )var doc = parser . parseXls2Json ( '....

    excel-style-demo.rar

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

    tableExport.js excel乱码解决方法

    自从上次用bootstrap table就一直没有解决导出excel的关题,网上找到的那更改tableExport.js和jquery.base64.js的方法虽然可以正常导出,但中文依旧乱码... 解决方法终归是有的....现将文件分享给大家. 里面有table...

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

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

    JS版仿EXCEL表格插件--智表(ZCELL)V1.3.1版本

    **JS版仿EXCEL表格插件--智表(ZCELL)V1.3.1版本** 智表(ZCELL)是一款专为Web应用设计的纯JavaScript实现的表格控件,其核心目标是提供与Microsoft Excel类似的用户体验。这款控件完全基于浏览器运行,无需任何...

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

    首先,我们要了解如何使用JavaScript将Excel内容导入表格。这个过程涉及到ActiveXObject,这是一个仅在Internet Explorer中可用的对象,用于与服务器端组件进行交互。以下是一个简单的示例: 1. **导入Excel到表格*...

    Export2Excel.js导出excel

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

    前端解析excel-vue版

    在前端开发中,处理Excel文件...总的来说,“前端解析excel-vue版”项目旨在利用Vue.js和相关的JavaScript库实现在前端解析Excel文件,提供友好的用户交互和数据处理能力,这对于数据驱动的Web应用具有很高的实用价值。

    前台插件导出excel,自带js,亲测可用

    "前台插件导出excel,自带js,亲测可用"这个资源提供了一个无需后端支持的解决方案,通过JavaScript插件实现前端直接导出Excel文件。这种技术对于那些希望减少服务器负载或在离线环境中工作的项目尤其有用。 首先,...

    js将excel转化成json 对象

    `FileReader`对象提供了异步读取文件的方法,如`readAsArrayBuffer()`,用于读取文件的内容。 2. **XLSX库**:由于浏览器原生API不直接支持Excel文件解析,我们需要借助第三方库。其中,`xlsx`库是一个流行的选择,...

    js-excel-template:在浏览器或Node.js环境中使用的JS Excel模板

    js-excel-template 在浏览器或nodejs环境中使用的js excel模板。安装npm i js-excel-template 特征根据Excel模板生成Excel (对于nodejs)读取excel文件作为模板(适用于nodejs)写入Excel文件(用于nodejs)到...

    js操作excel文件--导出

    js导入excel表格或者导出为excel格式,用到的js文件xlsx.full.min.js资源

Global site tag (gtag.js) - Google Analytics