使用js实现页面导出到word文档
以下是HTML代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML导出内容至WORD</title>
</head>
<body>
</body>
</html>
<head>
<title>测试HTML导出内容至WORD</title>
<script type="text/javascript" language="javascript">
function exportToWord(controlId) {
var control = document.getElementById(controlId);
try {
var oWD = new ActiveXObject("Word.Application");
var oDC = oWD.Documents.Add("", 0, 1);
var oRange = oDC.Range(0, 1);
var sel = document.body.createTextRange();
try {
sel.moveToElementText(control);
} catch (notE) {
alert("导出数据失败,没有数据可以导出。");
window.close();
return;
}
sel.select();
sel.execCommand("Copy");
oRange.Paste();
oWD.Application.Visible = true;
//window.close();
}
catch (e) {
alert("导出数据失败,需要在客户机器安装Microsoft Office Word(不限版本),将当前站点加入信任站点,允许在IE中运行ActiveX控件。");
try { oWD.Quit(); } catch (ex) { }
//window.close();
}
}
</script>
</head>
<body>
<div id="TestDiv">
<div align="center">第三季度成绩表</div>
<table width="100%">
<tr>
<td style="background-color: #F50AE5; font-weight: bold;text-align:center">
名次
</td>
<td style="background-color: #F50AE5; font-weight: bold;text-align:center">
姓名
</td>
<td style="background-color: #F50AE5; font-weight: bold;text-align:center">
总分
</td>
</tr>
<tr>
<td style="text-align:center">
1
</td>
<td style="text-align:center">
张三
</td>
<td style="text-align:center">
86
</td>
</tr>
<tr>
<td style="text-align:center">
2
</td>
<td style="text-align:center">
李四
</td>
<td style="text-align:center">
85
</td>
</tr>
</table>
</div>
<div>
<div style="text-align:center">
<input type="button" value="导出到WORD" οnclick="return exportToWord('TestDiv')" />
</div>
</body>
</html>