技术交流群:958923746,有学习视频,文档等。
一、这是jquery的插件导出word,适用于导出跟HTML上相同的业务,如果导出的word跟HTML上不一致,那么还得修改一些。
本次主要讲与界面HTML相同的导出格式。
GIT地址:https://github.com/eligrey/FileSaver.js/
JS代码:
//导入插件JS
<script src="/static/common/fileSaver.js" type="text/javascript"></script>
<script src="/static/common/jqword.js" type="text/javascript"></script>
function exportWord(){
$("#export_word").wordExport(“导出的word文件名,默认自带.doc”);
}
界面代码,简单的:
<div id="export_word"><!-- 选择要导出的文档内容 div里面 -->
<div class="box-body collapse in">
<table class="table table-striped table-bordered table-hover" style="word-break:break-all; width:100%; cellspacing:0;">
<tbody>
<tr>
<td class="text-bold text-right col-sm-2">国内手机</td>
<td id="yhydm">小米</td>
<td class="text-bold text-right col-sm-2">国外手机</td>
<td id="hydm">苹果</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- 结束 -->
<button type="button" class="btn btn-primary" onclick="exportWord()">导出word</button>
点击按钮即可导出,注意,如果是table表格的HTML,那么td跟tr中不可以有其他的标签,不可以存在input,span,div等。只可以是要导出的数据哦。切记。
效果图: