JavaScript将Web页面内容导出到Word及Excel的方法


Posted in Javascript onFebruary 13, 2015

本文实例讲述了JavaScript将Web页面内容导出到Word及Excel的方法。分享给大家供大家参考。具体实现方法如下:

<HTML>
<HEAD>
 <title>WEB页面导出为EXCEL文档的方法
 </title>
</HEAD>
<body>
<BR>
<table id = "PrintA" width="100%" border="1" cellspacing="0" 
cellpadding="0" bgcolor = "#61FF13">
<TR style="text-align : center;">
<TD>单元格A</TD>
<TD>单元格A</TD>
<TD>单元格A</TD>
<TD>单元格A</TD>
</TR>
<TR>
<TD colSpan=4 style="text-align : center;">
<font color="BLUE" face="Verdana">单元格合并行A</FONT>
</TD>
</TR>
</TABLE>
<BR>
<table id="PrintB" width="100%" border="1" cellspacing="0"
 cellpadding="0">
<TR style="text-align : center;">
<TD>单元格B</TD>
<TD>单元格B</TD>
<TD>单元格B</TD>
<TD>单元格B</TD>
</TR>
<TR>
<TD colSpan=4 style="text-align : center;">单元格合并行B</TD>
</TR>
</TABLE>
<br><br><br>
<input type="button" onclick="javascript:AllAreaWord();" 
value="导出页面指定区域内容到Word">
<input type="button" onclick="javascript:AllAreaExcel();" 
value="导出页面指定区域内容到Excel">
<input type="button" onclick="javascript:CellAreaExcel();" 
value="导出表单单元格内容到Excel">
<SCRIPT LANGUAGE="javascript">
//指定页面区域内容导入Excel
function AllAreaExcel() 
{
var oXL = new ActiveXObject("Excel.Application"); 
var oWB = oXL.Workbooks.Add(); 
var oSheet = oWB.ActiveSheet; 
var sel=document.body.createTextRange();
sel.moveToElementText(PrintA);
sel.select();
sel.execCommand("Copy");
oSheet.Paste();
oXL.Visible = true;
}
//指定页面区域“单元格”内容导入Excel
function CellAreaExcel() 
{
var oXL = new ActiveXObject("Excel.Application"); 
var oWB = oXL.Workbooks.Add(); 
var oSheet = oWB.ActiveSheet; 
var Lenr = PrintA.rows.length;
for (i=0;i<Lenr;i++) 
{ 
 var Lenc = PrintA.rows(i).cells.length; 
 for (j=0;j<Lenc;j++) 
 { 
 oSheet.Cells(i+1,j+1).value = PrintA.rows(i).cells(j).innerText; 
 } 
} 
oXL.Visible = true; 
}

//指定页面区域内容导入Word
function AllAreaWord()
{
var oWD = new ActiveXObject("Word.Application");
var oDC = oWD.Documents.Add("",0,1);
var oRange =oDC.Range(0,1);
var sel = document.body.createTextRange();
sel.moveToElementText(PrintA);
sel.select();
sel.execCommand("Copy");
oRange.Paste();
oWD.Application.Visible = true;
//window.close();
}
</SCRIPT>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript读取RSS数据
Jan 20 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
Feb 24 Javascript
Javascript学习笔记之 函数篇(二) : this 的工作机制
Jun 24 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
Javascript获取background属性中url的值
Oct 17 Javascript
JavaScript实现时钟滴答声效果
Jan 29 Javascript
js中apply()和call()的区别与用法实例分析
Aug 14 Javascript
layui 优化button按钮和弹出框的方法
Aug 15 Javascript
微信小程序功能之全屏滚动效果的实现代码
Nov 22 Javascript
webpack5 联邦模块介绍详解
Jul 08 Javascript
vue实现点击出现操作弹出框的示例
Nov 05 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 #Javascript
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
Feb 13 #Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 #Javascript
JS实现固定在右下角可展开收缩DIV层的方法
Feb 13 #Javascript
JS仿iGoogle自定义首页模块拖拽特效的方法
Feb 13 #Javascript
JS弹出可拖拽可关闭的div层完整实例
Feb 13 #Javascript
AngularJS表单编辑提交功能实例
Feb 13 #Javascript
You might like
萌王史莱姆”萌王性别尴尬!那“萌战”归女组还是男?
2018/12/17 日漫
一首老MP3,致敬WAR3经典
2021/03/08 魔兽争霸
详解php与ethereum客户端交互
2018/04/28 PHP
PHP5.0 TIDY_PARSE_FILE缓冲区溢出漏洞的解决方案
2018/10/14 PHP
PHP工厂模式的日常使用
2019/03/20 PHP
thinkPHP框架乐观锁和悲观锁实例分析
2019/10/30 PHP
js二维数组定义和初始化的三种方法总结
2014/03/03 Javascript
JS实现图片产生波纹一样flash效果的方法
2015/02/27 Javascript
Jquery实现动态切换图片的方法
2015/05/18 Javascript
js实现倒计时及时间对象
2016/11/15 Javascript
JS中Safari浏览器中的Date
2017/07/17 Javascript
jquery ztree实现右键收藏功能
2017/11/20 jQuery
Dropify.js图片宽高自适应的方法
2017/11/27 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
浅谈Vue内置component组件的应用场景
2018/03/27 Javascript
浅谈webpack-dev-server的配置和使用
2018/05/17 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
Webpack中loader打包各种文件的方法实例
2019/09/03 Javascript
解决ele ui 表格表头太长问题的实现
2019/11/13 Javascript
python多线程编程中的join函数使用心得
2014/09/02 Python
Python实现微信公众平台自定义菜单实例
2015/03/20 Python
Python装饰器用法示例小结
2018/02/11 Python
对numpy中shape的深入理解
2018/06/15 Python
Django REST framework 视图和路由详解
2019/07/19 Python
详解Python3 pickle模块用法
2019/09/16 Python
浅析python中while循环和for循环
2019/11/19 Python
python 读取数据库并绘图的实例
2019/12/03 Python
Python自动采集微信联系人的实现示例
2020/02/28 Python
使用Keras构造简单的CNN网络实例
2020/06/29 Python
Python 微信公众号文章爬取的示例代码
2020/11/30 Python
北美个性化礼品商店:Things Remembered
2018/06/12 全球购物
光声世纪笔试题目
2012/08/25 面试题
父母对孩子说的话
2014/04/12 职场文书
教师节老师寄语
2015/05/28 职场文书
单位提档介绍信
2015/10/22 职场文书
Redis中有序集合的内部实现方式的详细介绍
2022/03/16 Redis