jquery插件导出WORD
首先引入三个js文件
js下载地址:
点击打开链接
<html>
<head>
<title>测试HTML导出内容至WORD</title>
<meta charset="utf-8" />
<script type="text/javascript" src="js/FileSaver.js" ></script>
<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
<script type="text/javascript" src="js/jquery.wordexport.js" ></script>
</head>
<body>
<div id="huahai1">
<div id="div_content">
<h1 align="center">jquery插件导出WORD</h1>
<table id="table1" 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">
2012001
</td>
<td style="text-align:center">
jquery插件导出WORD(用浏览器打开)
</td>
<td style="text-align:center">
86
</td>
</tr>
<tr>
<td style="text-align:center">
2012002
</td>
<td style="text-align:center">
jquery插件导出WORD(用浏览器打开)
</td>
<td style="text-align:center">
85
</td>
</tr>
</table>
<p style="text-align:center">
<input type="button" value="导出到WORD" οnclick="javascript:test();"/>
</p>
</div>
</div>
</body>
<script>
function test(){
$("#huahai1").wordExport();
}
</script>
</html>