javascript复制网页表格内容

IE支持window.clipboardData.setData, 可以直接对剪贴板的内容进行操作, 实现方式如下:

function exportXls(){
window.clipboardData.setData("Text",document.all('rpTB').outerHTML);
try {
var ExApp = new ActiveXObject("Excel.Application")
var ExWBk = ExApp.workbooks.add()
var ExWSh = ExWBk.worksheets(1)
ExApp.DisplayAlerts = false
ExApp.visible = true
} catch(e) {
alert("您的电脑没有安装Microsoft Excel软件！")
return false
}
ExWBk.worksheets(1).Paste;
}

其中rpTB为表格的id

上面的处理方式在FF, Chrome等浏览器中不兼容. 转换为导出cvs格式的文件, 使用到了jquery的插件table2CSV.js, 下面记录处理方式:

<form action="export-excel.jsp" method ="post" >

......

<input type="submit" class="btn org red" value="导出" onclick="getCSVData()">

</form>
......

<table id="rpTB" class="mytable" style="width: 100%;"></table>

......

function getCSVData(){
if($('#rpTB').html() != ''){
var csv_value=$('#rpTB').table2CSV({
delivery:'value'
});
$("#csv_text").val(csv_value);
} else{
alert("没有查到符合条件的数据");
}
}

export-excel.jsp的内容如下:

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%
response.setHeader("Content-type","application/octet-stream");
response.setHeader("Content-Disposition","attachment; filename=\"data.csv\"");//生成的csv名为data.csv
String data = request.getParameter("csv_text");//把数据写入到浏览器，以下载的方式
out.println(data);
%>