特效介绍

jQuery Word Export是一款基于jQuery的可以将网页中的内容导出到微软Word文档中的插件。它通过FileSaver.js http://www.5imoban.net/jiaocheng/jquery/202101154660.html实现存储到本地。虽然无法实现页眉页脚、目录等功能,但是将文字、行内样式、图片都转到word的基本功能还是可以的,下面时导出到word的效果:

使用方法
1、引入相关依赖
<script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/FileSaver.js"></script> <script type="text/javascript" src="js/jquery.wordexport.js"></script>2、将需要导出的内容包裹在一个容器中
<div id="export-content"> 这里是你要导出的内容... </div> <!-- 导出按钮 --> <a class="btn jquery-word-export" href="javascript:void(0)">导出为.doc文档</a>3、导出按钮点击时,调用插件
$("a.jquery-word-export").click(function(event) { $("#pagecontent").wordExport(); });